Introduction to Raphael JS Library

ArticleDirectory

• Browser support

 

The Raphael JS library was delivered by experts at the webrebuild meeting. Later I checked it and it was really powerful-cross-browser vector graphics implementation through SVG/VML + Js.

In fact, the implementation principle of network fonts such as cufon is somewhat similar: Non-ie browsers use SVG to draw, and then ie uses VML. It aims to provide a simple and easy-to-use cross-browser vector graphics implementation solution, including some animation effects.

The syntax of Raphael is also very simple. It is easy to get started with SVG:

VaR c = paper. Path ("M10 10l90 90"); <br/> // draw a line; 

 

Browser support

IE6 +, Firefox 3.0 +, chrome, and opera are all well supported.

Some cool examples:

Use the 117 vector icons drawn by Raphael:

Well, these icons are all implemented using Raphael. Click the icon in the example page and the icon will be displayed.Code.

 

Simple animation effects can also be implemented using JS + css3, but this is cross-browser...

If you are interested, visit the official website to view more demos and reference documents.

(Author, link: http://www.qianduan.net/raphael-js-library-introduction.html)