svg―Raphael.js Library(一)

Raphael是一个用于在网页中绘制矢量图形的Javascript库,它使用SVG W3C推荐标准和VML做为建立图形的基础,能够经过JavaScript操做DOM来轻松建立出各类复杂的柱状图、饼图、曲线图等各类图表,还能够绘制任意形状的图形,能够进行图表或图像的裁剪和旋转等复杂操做。html

Raphael是跨浏览器的矢量图形库,目前支持的浏览器包括:Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+以及Internet Explorer 6.0+。git

官网地址:http://raphaeljs.com/github

英文帮助文档:http://raphaeljs.com/reference.html浏览器

中文帮助文档:http://lab.wangyuanwai.com/raphael-js/docs/学习

学习以前,先看下一些例子:spa

Raphael Playgroundhtm

Reflectionip

Image rotation文档

Test rotationget

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

相关文章
相关标签/搜索