在HTML5普及前,如果需要在客户端实现向量化的图形, Raphaël是一种很不错的选择。
Raphaël JS是一个开源的JS库。 官方站点:http://raphaeljs.com/
Raphael JS在底层实现上会根据客户端的浏览器而自动选择,对于IE6/7/8,使用VML;
对于其它浏览器(FF/Chrome/Safari/Opera),则使用SVG。
Raphael JS通过提供统一的编程接口,而开发人员无需针对不同的浏览器编程。相较于Flash, SVG能够对iOS类的移动设备良好支持。
这是Raphael JS绘制的一个中国省份热点地图
<iframe style="width:100%; height:860px;" src="http://jerrywang.zoka.cc/map/map.htm" frameborder="0" scrolling="0"></iframe>
分享到:
相关推荐
该 Demo 是使用 Raphael 制作中国省份地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成热点数据的图形开发,具体界面请参照工程包中 图...
该 Demo 是使用 Raphael 制作中国省份地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成箭头数据的开发,在一个画布上勾勒箭头图形,具 ...
raphaeljs_starter.pdf
Create beautiful, interactive images on the Web with RaphaelJS, the JavaScript library that lets you draw Scalable Vector Graphics (SVG) right in the browser. With this concise guide, you’ll quickly ...
Mapael - 基于raphael.js用于显示动态矢量地图的jQuery插件
raphaeljs 炫丽 js特效 raphaeljs 炫丽 js特效 raphaeljs 炫丽 js特效
该 Demo 是使用 Raphael 制作中国大区、片区地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成热点数据的图形开发,具体界面请参照工程包...
raphael.js实例
raphaeljs api
利用raphael.js进行流程图的绘制,js已封装好,可直接传入数据进行使用
raphael js所有文档以及网站内容,书籍
在本文中给大家分享如何使用raphael.js来完成地图交互,raphael.js是一个很小的javascript库,它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能,需要的朋友可以参考下
Learning Raphael JS Vector Graphics 配套源码 学习Raphael必备
raphael-min.js
raphael.draggable.js,是给raphael.js扩展的拖拽功能。画布整体拖动,还原,以及单独元素拖动。raphael.extension.js
挂一个资源,看看能不能吸点积分... 临时简单弄的,通过raphael.js布置循环关系的数组,其它的拓扑图美观是美观,可惜布局太分散,定位太随机,有点强迫症的...2,raphael.cards.js --布局实现 3,cards.htm --布局调用显示
难得一见的raphaeljs chm手册 绝对超值!
NULL 博文链接:https://zha-zi.iteye.com/blog/2090872
在使用raphael时,实现了双击所化的文字即可实现在线编辑的功能
Learning Raphael JS Vector Graphics 书+源码