Canvas

Two capabilities, both dependency-free and touch-enabled: a freehand drawing board (pointer + touch), and Ember.canvas.fromHTML(), which rasterises any live DOM node into a canvas using an SVG <foreignObject> — handy for thumbnails, exports and "screenshot this element" tooling.

Drawing board

Brush:

HTML → canvas

Click the button to rasterise the card on the left into the canvas on the right.

EM
Live DOM node
styled with Ember

This element is real HTML. The button below paints a pixel copy of it into a canvas.

accentok