每個路徑都必須以moveto 命令開始

moveto、lineto和closepath

<path d="M 10 10 L 100 10z"/>

?

大寫字母命令的坐標是絕對的，小寫字母命令的坐標是相對的。其它情況：

1.z(closepath)命令沒有坐標，它的大小寫形式效果相同。

2.如果使用小寫m（moveto）啟動路徑，它的坐標會被解析為絕對位置，因為沒有參照位置來計算相對位置。

?

水平線和垂直線很常用，足以成為快捷命令。路徑可以使用H 命令加絕對x 坐標，或者h命令加相對x 坐標，來指定一條水平線。類似地，垂直線可以使用V 命令加絕對y 坐標，或者v 命令加相對y 坐標來指定。

下面的路徑繪制了一個寬度為15 單位、高度為25 單位的矩形。

<path d="M 12 24 h 15 v 25 h -15 z"/>

?

我們還可以在水平lineto 和垂直lineto 命令后面放置多個坐標值，但只在使用線標記時才會看到效果，H 25 35 45 和H 45 相同，v 11 13 15 和v 39 相同。

?

所有不必要的空白都可以消除。命令字母后面不需要空白，因為所有的命令都是一個字母。數字和命令之間不需要空白，因為命令字母并不能作為數字的一部分。正數和負數之間也不需要空白，因為負數的前置減號并不能作為正數的一部分。

?

圓弧命令以字母A（絕對坐標的縮寫）或者a（相對坐標的縮寫）開始，后面緊跟以下7個參數。

A 命令的7個參數：
? 點所在橢圓的x 半徑和y 半徑。
? 橢圓的x 軸旋轉角度x-axis-rotation。
? large-arc-flag，決定是繪制長弧線還是短弧線。
? sweep-flag，控制弧線的繪制方向，順時針或逆時針繪制弧線，得到的結果是一種“鏡像”效果
? 終點的x 坐標和y 坐標（起點由最后一個繪制的點或者最后一個moveto 命令確定）

?

轉載于:https://www.cnblogs.com/iloveyou-sky/p/5757612.html

總結

以上是生活随笔為你收集整理的svg笔记----------path篇的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。