1.path?　　M是起點，L是相鄰點，后面都是兩個值

<path d="M100 50 L200 50 L100 20" stroke="red" fill="none"></path>

2.H是橫向繪制，后面跟一個值，默認y軸上的值一樣 ，V是垂直繪制 ，后面跟一個值，默認x軸上的值一樣

<path d="M100 50L120 70V60" stroke="red" fill="none"></path>

3.Z代表構造一個閉合回路

<path d="M100 50L120 70V60Z" stroke="blue" fill="none"></path>

H代表水平的線條 默認y軸上的值一樣

V 代表垂直的線條 默認x軸上的值一樣

A 后面跟七個值

?

G 用于將相關元素進行組合

?

?

?

G身上的屬性 子元素都會繼承 但是g上的屬性都必須是顯現屬性 不是svg元素私有的 比如 g 上的圓心坐標不行?

Text-anchor="middle" 讓字體居中

?

?

轉載于:https://www.cnblogs.com/txf-123/p/10903761.html

總結

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

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