Javascript向量图Lib–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

相关文章

• 2010年11月01日 -- 一个人脸识别的Javascript
• 2010年10月25日 -- 在线作图编辑服务
• 2010年10月20日 -- 30+ Web下拉菜单
• 2010年10月09日 -- 三个教程
• 2010年10月08日 -- Kick Ass小游戏
• 2010年08月09日 -- JS1K 演示
• 2010年07月21日 -- 在Javascript里写Python