码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-29 15:46:09      阅读:125      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!