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" 讓字體居中