1.簡介

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

2.基本參數

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

2.1.橢圓的表達

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

2.2.參數變換

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官方標準文檔。
SVG參數解析標準教程。

4.總結

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