Svg―raphael.js Library

Raphael is a JavaScript library for drawing vector graphics in Web pages, using the SVG recommendation Standard and VML as the basis for creating graphics, and by JavaScript manipulating the DOM to easily create a variety of diagrams, such as complex histograms, pie charts, graphs, etc. You can also draw shapes of any shape, so you can perform complex operations such as cropping and rotating a chart or image.

Raphael is a cross-browser vector graphics library that currently supports browsers including: Firefox 3.0+,safari 3.0+,chrome 5.0+,opera 9.5+ and Internet Explorer 6.0+.

Website address: http://raphaeljs.com/

English Help document: http://raphaeljs.com/reference.html

English Help document: http://lab.wangyuanwai.com/raphael-js/docs/

Before studying, let's look at some examples:

Raphael Playground

Reflection

Image rotation

Test rotation

Github-a-like Impact Chart

Github-a-like Punch Chart

Github-a-like Languages Chart

Raphael Analytics Chart

Polar Clock

Dynamic Spinner

Australian Map

MultiChart

Animation

Tiger

Hand

Interactive Chart

Diagram

Custom Fonts

Animation easing

Gradients Example

Curver

Animation along the path demo

3D shooter

Colour picker

Growing Pie

Bounce

World Map