dklogs

你是不是经常究竟在用到javascript绘图时纠结于IE的不支持canvas，纠结于canvas绘图API的繁琐纠结？现在你可以从这种纠结中摆脱出来了。

对，Raphaël是一款轻量的用于web的矢量绘图javascript库，用它你可以很简单的创建各类矢量图形，而且它本身还支持丰富的接口以及各种事件处理。更关键的是它绘出的图像都是矢量的。当然你也可以创建一个包含位图的图像。

Raphaël是使用SVG和VML进行绘图的，所以不要担心兼容性，它支持FireFox3.0+，Chrome5.0+，Opera9.0+以及Internet Explorer6.0+，对你没看错，它完美支持IE6+。而且Sencha Labs也使用了这个库。

怎么样心动了吧？心动不如行动，赶快拿起手中的电话订购吧，呃，赶快用你的鼠标点击下载使用吧！

简单的使用方法：

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var< circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");

这里是我写的一个示例文件，点击查看

官方网址

官方使用手册

转载请注明原文出处《Raphaël-JavaScript Library-javascript矢量绘图》 如无特别声明，所有文章均遵守创作共用 署名－非商业－禁止演绎 3.0协议。