SVG实战开发学习（三）——路径

【三种基本的绘图指令】

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