Raphael js库简介
Raphael JS库是在webrebuild交流会上听专家将到的,后来就看了下,果然很强大——通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。
这其实和cufon等网络字体的实现原理是有些类似的:非IE浏览器使用SVG绘图,然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果。
Raphael的语法也很简单,基本上了解SVG就会很容易上手的:
var c = paper.path("M10 10L90 90"); // 画一条线;
浏览器支持
IE6+、Firefox 3.0+、chrome、opera等都是很好支持的。
一些酷酷的例子:
使用Raphael绘制的117个矢量图标:
嗯,这些图标都是用Raphael实现的,点击例子页面中的图标下面就会显示代码。
简单的动画效果,虽然也可以用JS+CSS3实现,但是这个可是跨浏览器的哦。。。
如果你喜欢本文,欢迎 订阅本站 以获得本站最新内容。


我内个去,这货不是这个星球上的东西
好吧,我来自火星 :P
呵呵,那excanvas以及uupaa的uuCanvas不是更好?抹平了vml和canvas的接口,也是跨浏览器的矢量绘图方案,而且各大公司也都慢慢放弃对svg的支持了吧?
其实各个浏览器一直都不是很重视SVG,以至于它的能量远远没有被发挥出来,IE9想在SVG上发力,但不知道能不能拯救它。用canvas+VML实现跨浏览器的矢量绘图或许也很有优势吧,虽然VML和SVG更像一些。
以现在的形势来看,能整合canvas+vml就差不多覆盖全部了。小日本的uupaa库在这方面做的很好,uupaa的svn:
http://uupaa-js-spinoff.googlecode.com/svn/trunk
虽然没有像Raphael那样做了高级绘图及动画的封装,但他抹平了canvas和vml的差异,基于这个前提再做封装效果或许会更好一些。而且面向未来。
好东西啊,研究一下。
是不是可以创建点线面啥的?
太刺激了~~
我觉的这还真的不是现在在中国能用的咧。
为什么我们不能用啊。。
这个可以用来干什么呢 在网页上画图??
这个库挺好用的
刚好今天写了一个raphael 的demo
http://adamlu.net/demo/dgc_wheel/
代码拙劣,莫见笑 : )
很牛X 我看到这个技术和Extjs有伙伴关系 估计Extjs里的图表之类 能用这个实现
果然很强!!
服了.
这做的效果真炫,可以做到和flash一样的效果
这个库不错,主要是可以得到canvas里元素的事件。。。。。。