HTML5 Canvas Vector Graphics Scripting Tool

HTML5’s canvas opens up whole new opportunities for creating vector graphics right in the browser. You can work with the canvas directly, of course, but using a wrapper has added benefits. Paper.js is more than just a wrapper, though. It’s a full library with a lot of highly useful tools that canvas alone doesn’t provide.

These tools include highly optimized and accurate mathematical calculations for bezier-related manipulations (such as bounding-box calculations) and a well-designed scene graph and DOM. Paper.js makes it easy to create paths and add segments, and it comes with handlers for mouse and keyboard interaction and assets such as symbols (which let you place multiple instances of an item in your project). Some useful Paper.js tutorials are available, too. The library is being developed by Jürg Lehni and Jonathan Puckey and is distributed under the permissive MIT license.