SVG Path（二）移动与直线命令

测试命令

• M(x,y)+ 移动画笔，后面如果有重复参数，会当做是 L命令处理。

• L(x,y)+ 绘制直线到指定位置。

• H(x)+ 绘制水平线到指定的 x 位置。

• V(y)+ 绘制竖直线到指定的 y 位置。

• m、l、h、v 使用相对位置绘制。

案例代码

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200">
    <path d="M 10 10 L 100 10 V 50 H 150 v 30 l 30 0 v -50 h 100" stroke="blue" fill="red" />
</svg>