Raphael js库简介
来源:互联网 发布:猎豹浏览器 for mac 编辑:程序博客网 时间:2024/06/01 09:16
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实现,但是这个可是跨浏览器的哦。。。
感兴趣的同学可访问官方网站查看更多demo,以及参考文档。
- Raphael js库简介
- 绘图 Raphael js库简介
- 强大的矢量图形库:Raphael JS
- Raphael.js API之Raphael.svg(),Element.paper,Element.pause(),Raphael.pathBBox(),Raphael.st,Raphael.el
- Raphaël Raphael.js 中文帮助文档,SVG、VML、Javascript矢量库(Raphael Reference API)
- Raphael.js API之 Element.raphael,Paper.raphael,Paper.print()
- Raphael.js API之 Raphael.getTotalLength(),Raphael.fn
- Raphael.js简易教程
- raphael.js矢量绘图
- Raphael JS(一)
- Raphael一个js编写的网页矢量图形库
- Raphael.js绘制气泡墙
- Raphael.js绘制循环动画
- raphael.js arrow颜色修改
- JavaScript绘图库 Raphael
- Raphael
- Raphael.js API之Raphael.pathIntersection(),Raphael.pathToRelative(),Set.clear(),Set.exclude(element)
- Raphael.js API之Raphael.angle(),Raphael.rad(), Paper.customAttributes,Paper.renderfix()
- 在WINDOWS 资源管理器中打开FTP
- 七种方法破解网吧下载限制
- Qt 4.5.3 +tslib1.4移植
- Windows下的linux开发环境Cygwin的安装配置
- STM32控制三轴加速度传感器实现分析(2)
- Raphael js库简介
- VS2010 上手感觉,真不错
- 正方教务管理系统2个0DAY by 深林孤鹰
- WPS中鼠标双击的10个妙用
- curl简介
- innerText和textContent
- untitled
- [转]百万级访问网站前期的技术准备
- SVN 安装 mod_auth_mysql实现mysql认证