首页 > 其他 > 详细

SVG实战开发学习(三)——路径

时间:2015-07-29 15:45:50      阅读:158      评论:0      收藏:0      [点我收藏+]

【三种基本的绘图指令】

1、移动到当前点( MoveTo )和绘制直线(LineTo)

<path d=" M269 112, L217 163, L272 163, M257 149, L299 149, L249 200" fill="#ffffff" stroke="#000000" />

解析:

          指令                     实际绘制动作          
         M269 112                     抬笔移动到坐标(269,112)          
         L217 163           绘制直线到坐标(217,163)
         L272 163           绘制直线到坐标(272,163)
         M257 149           抬笔移动到坐标(257,149)
         L299 149           绘制直线到坐标(299,149)
         L249 200           绘制直线到坐标(249,200)

2、路径闭合(ClosePath)

该命令使用的是"z"或者"Z",放在路径的结尾。前面提到了,只有闭合的路径才能够被描边,因为这个时候计算机才能够识别出这个封闭的边界区域。

 

SVG实战开发学习(三)——路径

原文:http://www.cnblogs.com/cacti/p/4685761.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!