2017-05-29 8 views
0

円オブジェクトをインポートしてからsvgにエクスポートすると、それらは不可視パスになります。間違ったことやバグをしていますか?fabric.js円での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) "/> 

フィドルの例では、エクスポートをクリックして、それは丸め問題です

答えて

1

http://jsfiddle.net/nwkdzss2/ <circle />正しいSVGは手動で追加する方法を参照ください。あなたはそこにこれらのPARAMATERSを持っている:

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

彼らが2π以上、およびfalseに大きな角度フラグ(A後の4番目の数字)を反転させ、いくつかの理由、そして唯一の「ショートパス」のためと解釈されています2点の間に描画されます。

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" 

これらのパラメータを完全にオフにすると、円プリミティブが描画されます。

関連する問題