SVG中的路徑數(shù)據(jù)汇在，即path元素的 d 屬性铡恕，有一系列的路徑繪制指令琢感，其中橢圓弧指令(A)最復(fù)雜，不算橢圓弧起始點(diǎn)的x,y坐標(biāo)的話探熔，依然有 7 個(gè)參數(shù)驹针。
這個(gè)非常之復(fù)雜，我主要用它來繪制圓弧诀艰，因此需要了解這個(gè)的繪制原理柬甥，其參數(shù)如下：
| 指令 | A (絕對(duì)) a (相對(duì)) |
|---|---|
| 名稱 | elliptical arc 橢圓弧 |
| 參數(shù) | (rx ry x-axis-rotation large-arc-flag sweep-flag x y) |
| rx ry 是橢圓的兩個(gè)半軸的長度。 | |
| x-axis-rotation 是橢圓相對(duì)于坐標(biāo)系的旋轉(zhuǎn)角度其垄，角度數(shù)而非弧度數(shù)苛蒲。 | |
| large-arc-flag 是標(biāo)記繪制大弧(1)還是小弧(0)部分。 | |
| sweep-flag 是標(biāo)記向順時(shí)針(1)還是逆時(shí)針(0)方向繪制绿满。 | |
| x y 是圓弧終點(diǎn)的坐標(biāo)撤防。 |
其中小寫的a的位置是基于開始繪制的點(diǎn)來算的，也就是說最后的x y的位置是根據(jù)目前繪制點(diǎn)的坐標(biāo)為0 0的時(shí)候來計(jì)算的棒口，具體實(shí)例如下：
<path d="M300,200 h-150 a150,150 0 1,0 150,-150 z"
fill="red" stroke="blue" stroke-width="5" />
<path d="M275,175 v-150 a150,150 0 0,0 -150,150 z"
fill="yellow" stroke="blue" stroke-width="5" />
<path d="M600,350 l 50,-25
a25,25 -30 0,1 50,-25 l 50,-25
a25,50 -30 0,1 50,-25 l 50,-25
a25,75 -30 0,1 50,-25 l 50,-25
a25,100 -30 0,1 50,-25 l 50,-25"
fill="none" stroke="red" stroke-width="5" />
參考鏈接（https://blog.csdn.net/cuixiping/article/details/79663611）
