`
huobengle
  • 浏览: 861317 次
文章分类
社区版块
存档分类
最新评论

Raphael js库简介

 
阅读更多

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)

分享到:
评论

相关推荐

    raphaeljs源码库0分分享

    raphaeljs源码库,刚学搜到的

    Raphael SVG库

    支持SVG开发的js库,非常好用, 这是压缩版本。

    Raphael 参考文档《Learning Raphael JS Vector Graphics》

    这是一个自己整理的详细的英文Raphael 2.2参考文档,压缩包内包含pdf参考文档《Learning Raphael JS Vector Graphics》和示例demo。

    raphael矢量图形库

    raphael.js和raphael-min.js文件2.12版本,亲测可用,分享一下

    raphael:JavaScript矢量库

    Raphaël:跨浏览器矢量... 您可以使用: raphael.min.js (包括eve和它的最小化) raphael.js (包含eve且未缩小) raphael.no-deps.js (不包括eve它没有缩小) raphael.no-deps.min.js (不包括eve )从哪儿开始检查

    myflow流程图设计采用raphael的js文件未混淆

    myflow流程图设计采用raphael的js文件 web设计流程图,通过raphael文件库进行设计,本案例是demo静态文件,供参考用。

    raphael.js

    很好用的SVG界面开发库, 这个是源码

    myflow流程图设计采用raphael的js文件

    myflow流程图设计采用raphael的js文件 ,web设计流程图,通过raphael文件库进行设计,本案例是demo静态文件,供参考用。

    comic.js, 用于 HTML5 Canvas & Raphael.js & D3.js & SVG.js的卡通样式图.zip

    comic.js, 用于 HTML5 Canvas & Raphael.js & D3.js & SVG.js的卡通样式图 comic.jsJavascript库,用作 Raphael.js,D3.js, SVG.js 或者作为 HTML5 Canvas 插件的插件,提供动画样式绘制的功能。 请在 comic.js ...

    urbino:用于 raphael js 库的 SVG 设计和动画编辑器

    我想我从这个项目中学到了很多东西 我永远找不到修复我最后引入的错误的动力 要修复它需要从头开始重建 将代码分成模块并设置测试。 从那时起,网络发展了很多(构建工具、包管理器、mvc 框架) ...

    Raphael中文文档(本地查阅).zip

    Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以...

    Raphael.pdf

    Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表。 好资源...

    Raphael 中文参考文档.pdf

    Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以...

    svg:受 raphaeljs、svgjs 和 snap.svg 启发的小型简单 SVG Javascript 库

    介绍一个简单的 SVG javascript 库建造安装依赖npm install 该库使用 gulp 来运行所有任务: 要构建运行gulp 。 文件将输出到 dist 文件夹。教程不。 可能也不会发生。去做对动画方法进行更广泛的测试创建更好的界面...

    workflow:Raphael.js的流程图

    创建一个JavaScript库,该库将处理所有困难的部分-最困难的部分是SVG路径,用于优雅地连接元素以及SVG元素之间的动画。 使用名为* .flow的文件,该文件将以纯文本形式定义用户所需的图表的确切类型。 可以使用一行...

    jQuery-Mapael:基于raphael.js的jQuery插件,可让您显示动态矢量地图

    Raphael.js的文档在( )可用。概述jQuery Mapael是基于的插件,可让您显示动态矢量地图。 例如,使用Mapael,您可以显示具有可点击国家/地区的世界地图。 您还可以通过设置一些参数来构建简单的dataviz,以便根据...

    raphael.js绘制中国地图 地图绘制方法

    在本文中给大家分享如何使用raphael.js来完成地图交互,raphael.js是一个很小的javascript库,它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能,需要的朋友可以参考下

    shape-editor:基于Raphael.js的Java语言库,用于编辑形状

    形状编辑器基于Raphael.js的Java语言库,用于编辑形状参见演示发展我们将Grunt用于各种工具。 从安装Node,然后: :: $ cd shape-editor$ npm install按照所述安装Grunt CLI。 要将js文件连接到应用程序中使用的单个...

    Raphael一个用于在网页中绘制矢量图形的Javascript库

    Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以...

Global site tag (gtag.js) - Google Analytics