10 Cool JavaScript Drawing and Canvas Libraries
JavaScript/web designers and developers and can take advantage of these JavaScript Drawing and Canvas libraries to add graphics drawing functionality to their web applications or websites. Have fun!
Update 18/05/2013: Added 11. Canvas Query.
1. 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.
2. Drawing lines in Mozilla based browsers and the Internet Explorer
HTML itself is not able to describe lines. Therefore, there is no built-in feature in the above-mentioned browsers for drawing lines. By implementing the Bresenham algorithm with JavaScript while applying some tricks, we will be able to draw lines in a good manner in respect to the browser runtime and memory footprints.
3. canviz JavaScript library
Using Canviz has advantages for your web application over generating and sending bitmapped images and image maps to the browser as the server only needs to have Graphviz generate xdot text; this is faster than generating bitmapped images.
4. Flotr JavaScript Plotting Library
Flotr enables you to draw appealing graphs in most modern browsers with an easy to learn syntax. It comes with great features like legend support, negative value support, mouse tracking, selection support, zoom support, event hooks, CSS styling support and much more.
5. Raphael: JavaScript Drawing Library
Raphael uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.
6. CanvasGraph.js : Graphing in Javascript
The motivation for this work is to allow simple graph plotting in JavaScript without resorting to anything but your web browser.
7. jsDraw2D : 2D Graphics Library for JavaScript
With jsDraw2D, you can draw advance drawings like cubic Bezier curve, general Bezier curve. The general Bezier curve can be of any degrees including linear, quadratic and cubic, open curve passing through given points and closed curve passing through given points.
8. JavaScript Vector-Draw Library
The library is cross-browser and fast. However, due to the limitations of HTML, drawing on your web pages using JavaScript is slower compared to drawing in stand-alone applications.
9. Draw2D JavaScript Drawing Library
Create drawings and diagrams with the free JavaScript library. The User interface allows interactive drawing by using your standard browser. No additional software and no third party plug ins. Just run it and use it.
10.Canvas Query
use HTML5 Canvas like jQuery
extended canvas for gamedevelopers
easy setup for a game loop, rendering loop, mouse, touch and keyboard
