Kevin Lubick 1466af42a4 [canvaskit] Link demos to fiddles

This adds one more skottie example and spruces up
the demos a bit (including making the star only
respond when you hold down the mouse)

No-Try: true
Docs-Preview: https://skia.org/?cl=156141
Bug: skia:
Change-Id: Ib577d6c06bd9784f4566d506150c451beadf1f1c
Reviewed-on: https://skia-review.googlesource.com/156141
Reviewed-by: Kevin Lubick <kjlubick@google.com>
Commit-Queue: Kevin Lubick <kjlubick@google.com>

2018-09-21 16:49:24 +00:00

9.8 KiB

Raw Blame History

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

An Interactive Path (use your mouse)

Star JSFiddle

Ink JSFiddle

Skottie (click for fiddles)

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

Work is underway on an npm download. Check back soon.

9.8 KiB Raw Blame History