Raphael
文章平均质量分 67
wawa129
这个作者很懒,什么都没留下…
展开
-
Raphael
1、路径简介 Paper.path(pathString):绘制路径;参数含义: pathString:描述路径的字符串; 下面详细描述一下路径字符串的内容和书写风格。路径由2部分组成:命令和坐标。(1)命令:单个大(小)写字母。大写字母表示绝对坐标,小写字母表示相对坐标;(2)坐标:一个或多个数字。多个数字之间使用逗号或者空格隔开;(3)命令和坐标之间可...原创 2014-07-07 14:32:59 · 101 阅读 · 0 评论 -
SVG矢量绘图 path路径详解(基本画法)
SVG的形状标签里,path是最强大的一个,掌握了path就足够处理常见的绘图问题了。先看一下path标签的基本用法:<path d="M100,100 L200,200 L200,400" fill="#333" stroke="#000" />path标签通过属性d来定义路径,定义信息由一段字符串构成,另外path也可以通过fill和stroke属性来定义填充和边框。d属...原创 2014-07-07 14:42:52 · 433 阅读 · 0 评论 -
使用Raphael 画图(一) 基本图形 (javascript)
Raphael是什么?自己百度一下吧。Raphael对主流浏览器兼容性很好。 开始要创建视图区域:Js代码 var paper = Raphael("myDiv", 580, 600);//创建视图区域 <div id="myDiv"></div> 接下来就可以画图形了。 1,画圆:J...原创 2014-07-07 16:34:50 · 631 阅读 · 0 评论 -
Raphael
径由2部分组成:命令和坐标。(1)命令:单个大(小)写字母。大写字母表示绝对坐标,小写字母表示相对坐标;(2)坐标:一个或多个数字。多个数字之间使用逗号或者空格隔开;(3)命令和坐标之间可以有空格,也可以省略空格; 移动坐标 M(m)moveto(x y)+ 结束路径 Z(z)closepath(none) 直线 L(l)lineto(x y)+ 水平直线 H(h)horizontal linetox+ 竖直直线 V(v)vertical linetoy+ 3次贝塞原创 2014-07-07 14:32:59 · 100 阅读 · 0 评论 -
SVG矢量绘图 path路径详解(基本画法)
stroke="#000" />path标签通过属性d来定义路径,定义信息由一段字符串构成,另外path也可以通过fill和stroke属性来定义填充和边框。d属性的信息其实并不复杂,由字母和数字构成,数字表示坐标点,字母负责表示如何连接这些坐标点。比如上面的示例中,M表示起点,L表示直线连接,所以d的信息可以这样解读:M100,100 -> 以(100,100)坐标点为起点L200,200 -> 从(100,10原创 2014-07-07 14:42:52 · 272 阅读 · 0 评论 -
使用Raphael 画图(一) 基本图形 (javascript)
原创 2014-07-07 16:34:50 · 183 阅读 · 0 评论