Scrawl.js

A JavaScript library which adds an API for handling and manipulating
HTML5 <canvas> elements in the DOM.

Uses the '2d' context with each canvas element.

On starting, Scrawl.js investigates the HTML DOM and automatically
creates controller and wrapper objects for each <canvas> element it finds.

Can also generate visible canvas elements programatically, and add them
to the DOM.

Users create sprite and gradient objects using scrawl factory functions,
set their styling and position, and render them onto the canvas element.
Creation, positioning and styling can all be handled by a single call to
the factory function.

Sprites include: basic rectangles (Block), advanced rectangles capable of
displaying images and sprite animations (Picture), circles (Wheel),
single-line text (Phrase), and complex designs composed of lines, arcs
and curves (Shape).

...