Vector Graphics JavaScript Library – Raphaël
|Vector graphics in JavaScript!
Vector Graphics JavaScript Library
Raphaël is a lightweight Vector Graphics JavaScript Library using the SVG W3C Recommendation and VML as a base for creating graphics, which can be used to simplify your work with vector graphics on the web.
With this solution we can create amazing effects like image rotation, charts and graphs, maps, various animations, and more.
This library is a part of Sencha Labs.
Usage
// Creates canvas 320 × 200 at 10, 50 var paper = Raphael(10, 50, 320, 200); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle(50, 40, 10); // Sets the fill attribute of the circle to red (#f00) circle.attr("fill", "#f00"); // Sets the stroke attribute of the circle to white circle.attr("stroke", "#fff");
More information, demos and download:
Enjoy!