Raphaël 1.5 正式发布，小型JavaScript库

Dmitry Baranovskiy团队发布了Raphaël的新版本——1.5。

Raphaël是一个小型JavaScript库，用于简化您的Web矢量图形工作。如果你想创建自己特点的图表或图形的裁剪和旋转部件，你可以使用这个简单方便的库来实现。

Raphaël使用了SVG W3C的建议和VML作为创建图形的基础。这意味着你创建的每一个图形对象都会作为一个DOM对象，所以你可以附加JavaScript事件处理或修改它们。

1.5新特性：

•新增了缓存，以获取getPointAtSegmentLength方法；

•新增了cubic-bezier()作为一个简单的方法；

•新增了新的动画语法（关键帧Keyframes）；

•新增了angle方法；

•新增snapTo方法；

•新增customAttributes；

……

代码示例：定义Keyframes，语法类似于CSS3 Animations：

1. el.animate({  
2.     "20%": {cy: 200, easing: ">"},  
3.     "40%": {cy: 100},  
4.     "60%": {cy: 200},  
5.     "80%": {cy: 300, callback: function () {}},  
6.     "100%": {cy: 200}  
7. }, 5000); 

查看Demo：

1. http://raphaeljs.com/bounce.html

2. http://raphaeljs.com/growing-pie.html

3. 更多demo：http://raphaeljs.com/

原文链接：http://www.javaeye.com/news/17563