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!
- Extensions (1)
- Libraries (1)
- Samples (1)
-
-
HTML5 Canvas Graphics Library
Open source library of canvas graphic samples
-
-
Rainbow
Using canvas to find all the colours on a webpage
-
-
Flot
Plot with Flot
-
-
Canvas Text Backwards Compatibility
Canvas text for everybody else!
-
-
ChemDoodle
It’s part of the chemistry!
-
-
Visualize
Let’s Visualize some canvas based charts & graphs!
-
-
Cufon
Flash text solution sIFR may currently be the web developers favoured choice when it comes to font replacement, but the developers of Cufón aim to change that with this fast, flexible alternative.
-
-
HasCanvas
Robert O’Rourke has developed HasCanvas, an interesting community-based tool which allows users to create, experiment and share their own scripts based on John Resig’s processing.js.
-
-
Gauge.js
Gauge.js allows you to add Apple-esque gauges (with shading and reflection) to your webpages. If you use a Mac or an iPod, these gauges will look familiar to you as they are similiar to the disk space allowance gauges.
-
-
CAKE – Canvas Animation Kit Experiment
CAKE is a scenegraph library for the canvas tag. The CAKE library adds a few new features to the canvas tag, as well as fixing some previous problems and offering cross browser support to items which were previously single browser support.
The CAKE website features a demo page together with a Flash-style site (using CAKE intead [...] -
-
Processing.js
Not 1 but 146 demos today. John Resig, JavaScript guru and founder of the awesome jQuery library has ported the Processing visualization language to JavaScript, using the canvas element. With help from Casey Reas and Ben Fry they have created a lot of different demos using the library.
-
-
Canvas Text
The canvas element is great for drawing, but when it comes to text there’s quite a bit missing – e.g. everything. Jim Studt has created a JavaScript plugin called canvas text which extends the canvas context object by adding some extra options.
-
-
Liquid Canvas
Liquid Canvas allows you to add graphics to your web page without needing image creation tools created by Steffen Rusitschka which allows you to draw inside an HTML canvas element with an easy yet powerful description language. It can be used to add graphics to your web page without ever touching any image creation tools.
Check [...] -
-
Snapfit
Ever fancied making a jigsaw puzzle out of an image? You have? Have we got a treat for you! Snapfit allows you to add jigsaw puzzle functionality to any image you choose.
-
-
BeautyTips
BeautyTips is a jQuery plugin created by Jeff Robbins which uses the canvas element to dynamically draw tooltips taking away the pain of building custom tooltips.
-
-
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 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, 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 is a font replacement tool implemented with the canvas element.
-
-
Reflection.js
Add reflections to images on your web pages using this handy JavaScript file.
- 1
- 2