1.簡介

為了與其他路徑段表示法保持一致， SVG 路徑中的圓弧是根據(jù)曲線上的起點和終點定義的。橢圓弧的這種端點參數(shù)化。優(yōu)點是它允許與其它路徑一致的語法，其中所有路徑命令都以新“當(dāng)前點”的坐標(biāo)。然而，這并不是描述弧幾何形狀的唯一方法。 本節(jié)介紹替代中心參數(shù)化， 以及如何將其與 SVG 的端點參數(shù)化進(jìn)行轉(zhuǎn)換。

2.基本參數(shù)

x1,y1 表示起點路徑
rx,ry 表示橢圓水平和垂直方向的半長軸
φ 表示當(dāng)前x軸順時針旋轉(zhuǎn)到橢圓x軸的角度
–x-axis-rotation 是橢圓相對于坐標(biāo)系的旋轉(zhuǎn)角度，角度數(shù)而非弧度數(shù)。
fA 是大弧形標(biāo)志，為 0 如果選擇跨度小于或等于180 度的弧，則為 1 如果選擇跨度大于 180 度的圓弧。
–large-arc-flag 是標(biāo)記繪制大弧(1)還是小弧(0)部分。
fS 是掃描標(biāo)志，如果值為0，連接中心到弧線的線掃過遞減角度，如果值為1，則增加角度。
–sweep-flag 是標(biāo)記向順時針(1)還是逆時針(0)方向繪制。
(x2, y2) 是 弧線的終點

2.1.橢圓的表達(dá)

(cx, cy) 表示橢圓的中心點坐標(biāo)。θ 表示橢圓掃描角度（仰角），一般表示x正軸逆時針旋轉(zhuǎn)角，φ同上，rx和ry為半長軸。Δθ表示弧長的角度變換，從起始角逆時針旋轉(zhuǎn)到結(jié)束角。

2.2.參數(shù)變換

cx cy rx ry φ θ1 Δθ 變換到 x1 y1 x2 y2 fA fS

x1 y1 x2 y2 fA fS rx ry φ 變換到 cx cy θ1 Δθ

2.3.注意事項

第 1 步：確保半徑不為零。
如果半徑為0，則表示起點到終點的直線。
第 2 步：確保半徑為正。
rx，ry取絕對值。
第 3 步：確保半徑值足夠大，否則按一定比率放大到能夠連接上。

3.參考資料

W3C官方標(biāo)準(zhǔn)文檔。
SVG參數(shù)解析標(biāo)準(zhǔn)教程。

4.總結(jié)

SVG坐標(biāo)系是三維坐標(biāo)系中的左手坐標(biāo)，能夠更好的滿足視圖繪制要求，左手和右手坐標(biāo)系，在二維空間中，最大的不同在于右手坐標(biāo)系，逆時針為正，左手坐標(biāo)系順時針為正，其它沒有發(fā)現(xiàn)區(qū)別。在處理角度時需要特別注意。