Literally Canvas

Literally Canvas is a simple drawing toolkit created on top of the new HTML5 standard.

It allows users to create (simple for now) artwork via their Web browsers.

It provides a drawing area, along with a toolbar full of drawing controls (eraser, brush tool, line tool, rectangle tool, back-forward actions, color picker, etc.).

Along with the toolbar, options to save the created artwork to an image or upload it to Imgur are also provided.

What is new in this release:

• Watermark can be included in image output with getImage({includeWatermark: true})
• Line tool allows dashes, arrows
• LinePathShape can be used without smoothing; set {smooth: false}
• New icons for undo/redo
• Tooltips everywhere
• getImage() scales for retina correctly
• Watermark no longer requires user input to render if image isn't loaded at init time
• Dragging off the canvas while drawing no longer results in a crazy line

What is new in version 0.4.1:

• Watermark can be included in image output with getImage({includeWatermark: true})
• Line tool allows dashes, arrows
• LinePathShape can be used without smoothing; set {smooth: false}
• New icons for undo/redo
• Tooltips everywhere
• getImage() scales for retina correctly
• Watermark no longer requires user input to render if image isn't loaded at init time
• Dragging off the canvas while drawing no longer results in a crazy line

What is new in version 0.4:

• New GUI using React.js
• Simplified color picker
• Removed jQuery dependency, though the plugin works if jQuery is present
• Performance improvements
• Retina display rendering is the correct size instead of being scaled up half-resolution
• Code is browserified; can still be used as a standalone script
• Overhauled API for defining tools and shapes (see docs)
• Backgrounds and watermarks are no longer affected by the eraser
• No DOM is preserved inside the container div at all

What is new in version 0.3:

• Save/load to/from JSON
• Text tool
• New events
• preserveCanvasContents option
• Image shape (no corresponding tool yet)
• Split code into jQuery plugin and core code
• Remove Underscore dependency

What is new in version 0.2.1:

• Redo toolbar/CSS markup.
• Drop fat version of build.
• Allow changing background color.

What is new in version 0.2:

• Line tool
• Rectangle tool
• Better iOS support (fix several bugs)
• Toolbar style tweaks
• Replace Imgur stuff with canvasForExport()

Requirements:

• JavaScript enabled on client side
• HTML 5 canvas enabled browser
• jQuery 1.8.2 or higher
• Underscreo.js 1.4.2 or higher