Canvas Tools

The tools section is where you’ll find code to produce your own canvas demos. These tools may be in the form of a JavaScript library or a code snippet. Happy creating, and don’t forget to show off your work to the world!

APNG Support Test

APNG Support Test

Elijah Grey has written a script which detects if a browser supports the APNG format, a new breed of animated image.

Pixastic

Pixastic

Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images; as well ass an experimental online photo editor.

Sparklines

Sparklines

Sparklines, by Gareth Watts, is a plugin for jQuery which generates small inline charts (known as sparklines) directly in the browser using data supplied either in the HTML, or via JavaScript.

Typeface.js

Typeface.js

Typeface.js is a font replacement tool implemented with the canvas element.

Reflection.js

Reflection.js

Add reflections to images on your web pages using this handy JavaScript file.

Box2DJS

Box2DJS

A physics engine for your canvas demos