摘要: 这章介绍路径,本人觉得这是比较难和精髓的一部分。先介绍基本知识:可以参考:http://www.chinasvg.com/support/svg-tutorial/svg-path-directive-guide.html/* 命令解释:M = moveto 参数:(x y)L = linet... 阅读全文
posted @ 2014-10-25 00:49 ヤTop灬ヽ 阅读(350) 评论(0) 推荐(0) 编辑
摘要: 这章展示事件例子。下图是官方API的事件:例子:var butt1 = paper.set(); var a1 = paper.circle(24.833, 26.917, 26.667).attr({fill: "#fff", opacity: 0}); var a2 ... 阅读全文
posted @ 2014-10-25 00:46 ヤTop灬ヽ 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 看这文章前,建议先看第一编文章《使用Raphael 画图(一) 基本图形 (javascript)》。在Raphael基础上扩展的图形:要运行该例子要引入附件的2个js包。(g.raphael.rar)这里用到了set(),第一编文章有简单介绍。这个只是为了统一管理具有相同属性的图形,例如边框颜色相... 阅读全文
posted @ 2014-10-25 00:43 ヤTop灬ヽ 阅读(423) 评论(0) 推荐(0) 编辑
摘要: Raphael是什么?Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图... 阅读全文
posted @ 2014-10-25 00:10 ヤTop灬ヽ 阅读(478) 评论(0) 推荐(1) 编辑