fabric.js導出爲圓形的svg問題

Question

導入圓形對象然後導出到svg時，它們變成不可見的路徑。我做錯了什麼或錯誤？

<path d="M 90 0 A 90 90 0 0 1 90 1.256933281983528e-12" style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="translate(1329.1 559.64) "/> 

見琴例如單擊導出看到SVG手動添加如何正確<circle /> http://jsfiddle.net/nwkdzss2/

Answer 1

這是一個四捨五入的問題。你在那裏有這些PARAMATERS：

"startAngle":0, 
    "endAngle":6.2831853071796, 

他們被解釋爲超過2π，出於某種原因，翻轉大角度標誌（A之後的第四個數字），以虛假的，只有「短路徑」兩點之間繪製：

d="M 90 0 A 90 90 0 0 1 90 1.256933281983528e-12" 

如果您使用2π略小的數量，

"startAngle":0, 
    "endAngle":6.2831853, 

路徑數據解釋爲用「很長的路要走」。

d="M 90 0 A 90 90 0 1 1 90 -6.461627453714901e-7" 

完全關閉這些參數會畫一個圓形圖元。