Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget that currently supports a minimal set of drawing operations. You can draw, erase, set the color with the eyedropper, undo, redo, pan, and zoom. It depends on jQuery.

Get help on our mailing list: [email protected] (just send it a message to subscribe)

Full documentation

Literally Canvas depends on jQuery (tested on 1.8.2).

First, download the tarball or install with bower (bower install literallycanvas). Then do this:

<link href="/static/css/literally.css" rel="stylesheet">
<div class="literally"><canvas></canvas></div>
<script>$('.literally').literallycanvas();</script>

(You may have to tell it where to find the images. See the installation instructions for more information.)

For options and other information, see the full documentation.

The color picker is derived from (but not identical to) this one by Stefan Petre. We intend to replace it in the next version.

You'll need coffee-script and uglify-js2 installed via npm, and sass via gem. Build with make.

If you pip install livereload, you can make livereload and open http://localhost:33233/demo in your browser to get a live-updated demo.