HardBirch

Raphael js库简介

时间:11-02-09 栏目:HTML5移动开发 作者:张飞不张,文采横飞 评论:2 点击: 2,252 次

 

    Raphael JS库是在webrebuild交流会上听专家将到的,后来就看了下,果然很强大——通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。

    这其实和cufon等网络字体的实现原理是有些类似的:非IE浏览器使用SVG绘图,然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果。

    Raphael的语法也很简单,基本上了解SVG就会很容易上手的:

 

 

浏览器支持

    IE6+、Firefox 3.0+、chrome、opera等都是很好支持的。

    一些酷酷的例子:

    使用Raphael绘制的117个矢量图标:

    嗯,这些图标都是用Raphael实现的,点击例子页面中的图标下面就会显示代码。

 

    简单的动画效果,虽然也可以用JS+CSS3实现,但是这个可是跨浏览器的哦。。。

    感兴趣的同学可访问官方网站查看更多demo,以及参考文档

    (作者神飞,链接:http://www.qianduan.net/raphael-js-library-introduction.html)

 

 

 

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: Raphael js库简介

Raphael js库简介:目前有2 条留言

  1. 板凳
    PinMingErLang:

    可否提供一个 用rapheal画的可以随意调整的折现呢~

    2012-11-19 10:04 [回复]
  2. 沙发
    PinMingErLang:

    确实很强大,但是接口文档我有些看不懂…

    2012-11-19 10:04 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐