【三种基本的绘图指令】
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",放在路径的结尾。前面提到了,只有闭合的路径才能够被描边,因为这个时候计算机才能够识别出这个封闭的边界区域。