Literally Canvas

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 and Underscore.js.

Usage

Full documentation

Literally Canvas depends on jQuery (tested on 1.8.2) and underscore.js (tested on 1.4.2). The "fat" version includes these dependencies. The "thin" version does not.

Add the files under lib/css and lib/img to your project, as well as the appropriate file from lib/js. Then do this:

<div class="literally"><canvas></canvas></div>

$('.literally').literallycanvas();

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.

Files

coffee/       Coffeescript source code
js/           Javascript dependencies and temporary Javascript files
lib/          Things you need to use Literally Canvas on your page
LICENSE       The license. Spoiler: it's BSD!
README.md     You are here
watch_js.sh   Simple watch script for people who don't have make (...)

Developing

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