1.path?　　M是起點(diǎn)，L是相鄰點(diǎn)，后面都是兩個(gè)值

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

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

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

3.Z代表構(gòu)造一個(gè)閉合回路

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

H代表水平的線條 默認(rèn)y軸上的值一樣

V 代表垂直的線條 默認(rèn)x軸上的值一樣

A 后面跟七個(gè)值

?

G 用于將相關(guān)元素進(jìn)行組合

?

?

?

G身上的屬性 子元素都會(huì)繼承 但是g上的屬性都必須是顯現(xiàn)屬性 不是svg元素私有的 比如 g 上的圓心坐標(biāo)不行?

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

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/txf-123/p/10903761.html

總結(jié)

以上是生活随笔為你收集整理的svg path属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。