13c3633f84
This also links the main canvaskit landing page to the quickstart and both pages to the Typescript types and documentation. Bug: skia:10717 Change-Id: I843639651aa04e48bb13f995c15e4ee18fb348bd No-Try: true Docs-Preview: https://skia.org/?cl=323889 Reviewed-on: https://skia-review.googlesource.com/c/skia/+/323889 Reviewed-by: Nathaniel Nifong <nifong@google.com>
29 KiB
29 KiB
CanvasKit - Skia + WebAssembly
Skia now offers a WebAssembly build for easy deployment of our graphics APIs on the web.
CanvasKit provides a playground for testing new Canvas and SVG platform APIs, enabling fast-paced development on the web platform. It can also be used as a deployment mechanism for custom web apps requiring cutting-edge features, like Skia's Lottie animation support.
Features
- WebGL context encapsulated as an SkSurface, allowing for direct drawing to an HTML canvas
- Core set of Skia canvas/paint/path/text APIs available, see bindings
- Draws to a hardware-accelerated backend
- Security tested with Skia's fuzzers
Samples
Paragraph shaping, custom shaders, and perspective transformation
Play back bodymovin lottie files with skottie (click for fiddles)
Go beyond the HTML Canvas2D
Lottie files courtesy of the lottiefiles.com community: Lego Loader, I'm thirsty, Confetti, Onboarding
Test server
Test your code on our CanvasKit Fiddle
Download
Get CanvasKit on NPM.
Documentation and Typescript definitions are available in the types/ subfolder
of the npm package or from the
Skia repo.
Check out the quickstart guide as well.