SVG/VML+JS realization of cross-browser vector graphics

Article Introduction: Svg/vml+js implements a cross browser vector graphics implementation scheme.

Raphael JS Library is in the Webrebuild conference to listen to experts will arrive, and then looked at the next, really strong--through the SVG/VML+JS implementation of the cross-browser vector graphics implementation program.

This actually and Cufon and other network font implementation principle is somewhat similar: non IE browser using SVG graphics, and then use VML in IE. The goal is to provide an easy-to-use, truly cross-browser vector graphics implementation, including some animation effects.

Raphael's syntax is also simple, and basically understanding SVG will be easy to get started with:

var c = Paper.path ("M10 10l90)";
Draw a line;

Browser support

ie6+, Firefox 3.0+, Chrome, opera and so on are very good support.

Some cool examples:

117 vector icons drawn with Raphael:

Well, these icons are all implemented using Raphael, click on the example page in the icon below will display the code.

Simple animation effect, although can also be implemented with JS+CSS3, but this is a cross browser oh ...

Interested students can visit the official website to see more demo, as well as reference documentation