看这文章前,建议先看第一编文章《使用Raphael 画图(一) 基本图形 (javascript)》。在Raphael基础上扩展的图形:要运行该例子要引入附件的2个js包。(g.raphael.rar)这里用到了set(),第一编文章有简单介绍。这个只是为了统一管理具有相同属性的图形,例如边框颜色相...
分类:
编程语言 时间:
2014-10-25 01:56:17
阅读次数:
330
这章展示事件例子。下图是官方API的事件:例子:var butt1 = paper.set(); var a1 = paper.circle(24.833, 26.917, 26.667).attr({fill: "#fff", opacity: 0}); var a2 ...
分类:
编程语言 时间:
2014-10-25 01:55:58
阅读次数:
234
Raphael是什么?Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图...
分类:
编程语言 时间:
2014-10-25 00:51:03
阅读次数:
361
Raphael.js 在ie7,ie8浏览器内绘制图形採用的vml,在绘制image的时候会解析成也就是使用vml来绘制图形,在chrome和firfox还有ie8之后都是採用svg来绘制图形。可是这样就会造就一个问题,在window 8系统中默认ie是ie10,然后使用开发人员工具的时候切换ie至...
分类:
Web程序 时间:
2014-10-24 14:13:56
阅读次数:
236
使用过百度统计或者cnzz统计的童鞋应该知道,后台有一个地图统计,不同访问量的省份显示的颜色也不一样,今天我将带领大家开发一个这样的案例。上一篇《使用raphael.js绘制中国地图》文章中,我给大家介绍了如何使用raphael.js绘制中国地图,今天我要给大家介绍在实际应用中,如何把数据载入到地图中。本文结合实例,使用PHP+Mysql+jQuery实现中国地图各省份数据统计效果。
...
分类:
数据库 时间:
2014-09-25 12:29:38
阅读次数:
408
使用过百度统计或者cnzz统计的童鞋应该知道,后台有一个地图统计,不同访问量的省份显示的颜色也不一样,今天我将带领大家开发一个这样的案例。上一篇《使用raphael.js绘制中国地图》文章中,我给大家介绍了如何使用raphael.js绘制中国地图,今天我要给大家介绍在实际应用中,如何把数据载入到地图...
分类:
数据库 时间:
2014-09-07 00:59:14
阅读次数:
343
最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中,我给大家分享如何使用js来完成地图交互。先简单介绍下raphael.js,raphael.js是一个很小的...
分类:
编程语言 时间:
2014-09-06 09:40:03
阅读次数:
424
本篇文章,我将使用元素的drag事件做一个画图工具,具体代码如下:
var g_masterPathArray;
var g_masterDrawingBox;
//创建一个画布
var paper = new Raphael("paper", 600, 600);
...
分类:
Web程序 时间:
2014-08-25 19:25:17
阅读次数:
360
//创建一个画布
var paper = new Raphael("paper", 500, 500);
//画圆
paper.circle(50, 50, 50);
//画圆角方形
paper.rect(90, 90, 50, 50, 10);
这样一个简单的案例就完成了。
简要说明:
new R...
分类:
Web程序 时间:
2014-08-25 17:06:44
阅读次数:
211
这节我们将介绍Raphaeljs中元素的属性和事件,案例还是以上一篇的代码展开
//创建一个画布
var paper = new Raphael("paper", 500, 500);
//画圆
var circle = paper.circle(50, 50, 40);...
分类:
Web程序 时间:
2014-08-25 17:02:54
阅读次数:
232