jCanvas

jQuery meets the HTML5 canvas

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

Download jCanvas
v22.0.1 Release Notes

Features

  • Flexible API for drawing shapes
  • Mobile and desktop support
  • Small (12kb 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.