0
0

Javascript向量图Lib–Raphaël

陈皓 发表于 2010年10月12日 08:21 | Hits: 2260
Tag: Web开发 | 杂项资源 | 编程工具 | Javascript | Raphaël

我们知道很多的Javascript的lib库了,比如:jQuery,YUI,Ext JS等等。今天看到一个很牛X的lib叫Raphaël[ˈrafēəl],这是一个很小的JavaScript library,可以让在你的Web上整一些向量图,并且可以完成一些动画和图形变化,很强大。

Raphaël使用的是  W3C推荐的 SVG和VML来创建图片。这意味着所创建的图形对象一样可以是一个DOM对象,可以被你的Javascript的事件来操作。Raphaël支持所有的主流浏览器:Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ d 和 Internet Explorer 6.0+,最强大的是,这个js文件被压缩后也就60K。

下面,让我们来看几个示例:

下面是一个图形变化的示例,点击两个图形间的箭头。

下面是一个流程图,你用鼠标拖动一下其中的图形:

下面是一个时钟:

下面是一个3D迷宫(用方向键移动,空格键跳动,注意左上角的地图):

更多的示例请到其网站上看看吧:http://raphaeljs.com/index.html

相关文章

原文链接: http://coolshell.cn/articles/3107.html

0     0

评价列表(0)