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>