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
转载于酷壳CoolShell 无删改 仅以此纪念陈皓(左耳朵耗子)
人到中年,身体检查出了一些毛病,打算开始养生了,说是养生,其实只不过是规律作息+坚持锻炼+控制夜宵。 锻炼方面我打算拾起以前断断续续练习的八步金刚功,这个不细说了,大家自行了解…
如题 具体情况:楼主昨天一个小博客服务(挂了 aws cloudfront )忽然烧去一些钱,具体分析是一个区域(平台分析的最细粒度)针对单一的一个图片( CDN 域名)疯狂的…
现状:服务部署在海外,因为业务诉求想接入国内支付宝的产品能力(先前产品自行调研),后续我参与沟通,被技术客服告知不支持,要通过国际平台接入。 目前想到两种方式为海外业务接入支付…
合速度