Canvas drawing made easy

oCanvas is a JavaScript library intended to make development with HTML5 Canvas easier. Instead of working with pixels, you work with objects. It’s very straightforward and easy to get started with. Please have a look at the examples to see just how easy it is.

Download oCanvas

For the complete source separated into modules, check out the GitHub page.

Example

This demo shows how you can create a simple satellite system. It will generate seven satellites, which themselves has a satellite, and that satellite also has a satellite. That will demonstrate the object model in oCanvas, where you can add objects as children to other objects and create a sort of display tree. Objects inside other objects will be transformed with its parents. The demo also uses the origin property of objects, to move the point which the object is rotating around. Click anywhere to start the demo.