Libraries and Examples for working with Canvas

In this article we collected most interesting libraries and widgets for working with Javascript canvas.

Feel free to subscribe to our RSS feed.

Processing.js

John Resig has ported the Processing visualization language to JavaScript, using the Canvas element.

typeface.js

typeface.js is a JavaScript library for rendering custom fonts without using images. This is a work in progress, but functional enough at least to render the the graphic text on this site.

Canvas Photo Experiment

The Canvas Photo Experiment is a UI implementation similar to the UI of the "photo table" of Microsoft Surface.

Canvas 3D JS Libary

The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers that want to develop 3D content in browser but do not want to have to deal in depth with the 3D math needed to make it work.

Pixastic Image Processing Library

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.

CoolClock - The Javascript Analog Clock

CoolClock is a customisable javascript analog clock.

Raphaël

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Coverflow in Javascript

This library allows you to create advanced image slider with JavaScript.

Live web gauge

With this library you can create graphic gauges on your websites without using Flash technology.

Bevel.js

Bevel.js allows you to add bevels (and also shading, shining and glowing) to images on your webpages. It uses unobtrusive javascript to keep your code clean and works in all major browsers.

Ben Joffe examples

Ben Joffe has created interesting online charting solution written on JavaScript. This widget allows you to create charts online on your web page. You will will also find several other interesting widgets on Ben Joffe web page.

ProtoChart

ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.

IECanvas

IECanvas is an ActiveX implementation of the Canvas API. The code is based on Mozilla's canvas mplementation and the Cairo rendering library.

explorercanvas - Drawing canvas for Internet Explorer

Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages.

Comments

links are not working... :-(

Advertise on this site

Recent Comments