svg中path命令参数表

以你之姓@ 2022-05-09 06:52 236阅读 0赞

## 注意:所有的这些字符命令都可以用大小写两种形式。大小表示绝对位置，而小写表示相对位置。 ##

<table> 
 <thead> 
  <tr> 
   <th>指令</th> 
   <th>参数</th> 
   <th>名称</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>M</td> 
   <td>x,y</td> 
   <td>moveto</td> 
   <td>移动虚拟画笔到指定的（x,y）坐标，仅移动不绘制</td> 
  </tr> 
  <tr> 
   <td>m</td> 
   <td>x,y</td> 
   <td>moveto</td> 
   <td>移动虚拟画笔到指定的（x,y）坐标，这个坐标是相对于当前画笔的坐标，仅移动不绘制</td> 
  </tr> 
  <tr> 
   <td>L</td> 
   <td>x,y</td> 
   <td>lineto</td> 
   <td>从当前画笔所在位置绘制一条直线到指定的（x,y）坐标</td> 
  </tr> 
  <tr> 
   <td>l</td> 
   <td>x,y</td> 
   <td>lineto</td> 
   <td>从当前画笔所在位置绘制一条直线到指定的（x,y）坐标，(x,y)坐标是相对于花瓣位置的点</td> 
  </tr> 
  <tr> 
   <td>H</td> 
   <td>x</td> 
   <td>horizontal lineto horizontal lineto水平连线到</td> 
   <td>绘制一条水平直线到参数指定的x坐标点，y坐标为画笔的y坐标</td> 
  </tr> 
  <tr> 
   <td>h</td> 
   <td>x</td> 
   <td>horizontal lineto</td> 
   <td>同H，但使用相对坐标</td> 
  </tr> 
  <tr> 
   <td>V</td> 
   <td>y</td> 
   <td>vertical lineto垂直连线到</td> 
   <td>从当前位置绘制一条垂直直线到参数指定的y坐标</td> 
  </tr> 
  <tr> 
   <td>v</td> 
   <td>y</td> 
   <td>vertical lineto</td> 
   <td>从当前位置绘制一条垂直直线到参数指定的y坐标</td> 
  </tr> 
  <tr> 
   <td>C</td> 
   <td>x1,y1 x2,y2 x,y</td> 
   <td>curveto三次方贝塞尔曲线</td> 
   <td>从当前画笔位置绘制一条三次贝兹曲线到参数（x,y）指定的坐标。x1，y1和x2,y2是曲线的开始和结束控制点，用于控制曲线的弧度</td> 
  </tr> 
  <tr> 
   <td>c</td> 
   <td></td> 
   <td>x1,y1 x2,y2 x,y</td> 
   <td>curveto</td> 
  </tr> 
  <tr> 
   <td>S</td> 
   <td>x2,y2 x,y</td> 
   <td>shorthand / 平滑三次方贝塞尔曲线</td> 
   <td>从当前画笔位置绘制一条三次贝塞尔曲线到参数（x,y）指定的坐标。x2,y2是结束控制点。开始控制点和前一条曲线的结束控制点相同</td> 
  </tr> 
  <tr> 
   <td>s</td> 
   <td>x2,y2 x,y</td> 
   <td>shorthand / 平滑三次方贝塞尔曲线</td> 
   <td>同S，但使用相对坐标</td> 
  </tr> 
  <tr> 
   <td>Q</td> 
   <td>x1,y1 x,y</td> 
   <td>二次方贝塞尔曲线</td> 
   <td>从当前画笔位置绘制一条二次方贝塞尔曲线到参数（x,y）指定的坐标。x1,y1是控制点，用于控制曲线的弧度</td> 
  </tr> 
  <tr> 
   <td>q</td> 
   <td>x1,y1 x,y</td> 
   <td>二次方贝塞尔曲线</td> 
   <td>同Q，但使用相对坐标</td> 
  </tr> 
  <tr> 
   <td>T</td> 
   <td>x,y</td> 
   <td>平滑的二次贝塞尔曲线</td> 
   <td>从当前画笔位置绘制一条二次贝塞尔曲线到参数（x,y）指定的坐标。控制点被假定为最后一次使用的控制点</td> 
  </tr> 
  <tr> 
   <td>t</td> 
   <td>x,y</td> 
   <td>平滑的二次贝塞尔曲线</td> 
   <td>同T，但使用相对坐标</td> 
  </tr> 
  <tr> 
   <td>A</td> 
   <td>rx,ry x-axis-rotation large-arc-flag,sweepflag x,y</td> 
   <td>椭圆弧线</td> 
   <td>从当前画笔位置开始绘制一条椭圆弧线到（x,y）指定的坐标。rx和ry分别为椭圆弧线水平和垂直方向上的半径。x-axis-rotation指定弧线绕x轴旋转的度数。它只在rx和ry的值不相同是有效果。large-arc-flag是大弧标志位，取值0或1，用于决定绘制大弧还是小弧。sweep-flag用于决定弧线绘制的方向</td> 
  </tr> 
  <tr> 
   <td>a</td> 
   <td>rx,ry x-axis-rotation large-arc-flag,sweepflag x,y</td> 
   <td>椭圆弧线</td> 
   <td>同A，但使用相对坐标</td> 
  </tr> 
  <tr> 
   <td>Z</td> 
   <td>无</td> 
   <td>闭合路径</td> 
   <td>从结束点绘制一条直线到开始点，闭合路径</td> 
  </tr> 
  <tr> 
   <td>z</td> 
   <td>无</td> 
   <td>闭合路径</td> 
   <td>同Z</td> 
  </tr> 
 </tbody> 
</table>

要不要逛一逛看一看。嘻嘻[看看吗][Link 1]

[Link 1]: https://shop222559160.taobao.com/shop/view_shop.htm?spm=a1z09.1.category.d53.127f3606xrnl9M&mytmenu=mdianpu&user_number_id=2607894316