jCanvas

jQuery meets the HTML5 canvas

jCanvas is a jQuery plugin that makes the HTML5 canvas easy to work with.

Download jCanvas
v23.0.0 Release Notes

Features

  • Flexible API for drawing shapes
  • Mobile and desktop support
  • Small (11kb minified & gzipped)
  • Free and open-source

Example

// Draw a pentagon
$('canvas').drawPolygon({
draggable: true,
fillStyle: '#6c3',
x: 100, y: 100,
radius: 50, sides: 5
});

Seriously, what is jCanvas?

jCanvas is a JavaScript library, written using jQuery and for jQuery, that wraps around the HTML5 canvas API, adding new features and capabilities, many of which are customizable. Capabilities include layers, events, drag-and-drop, animation, and much more.

The result is a flexible API wrapped up in a sugary, jQuery-esque syntax that brings power and ease to the HTML5 canvas.

To get started, check out the Documentation.