jCanvas

jQuery meets the HTML5 canvas

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.

Read the original on projects.calebevans.me ↗