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:
- el.animate({
- "20%": {cy: 200, easing: ">"},
- "40%": {cy: 100},
- "60%": {cy: 200},
- "80%": {cy: 300, callback: function () {}},
- "100%": {cy: 200}
- }, 5000);
查看Demo:
1. http://raphaeljs.com/bounce.html
2. http://raphaeljs.com/growing-pie.html
3. 更多demo:http://raphaeljs.com/