2017-05-29 7 views
0

Wenn Sie Kreisobjekte importieren und dann nach Svg exportieren, werden sie zu unsichtbaren Pfaden. Mache ich etwas falsch oder einen Fehler?fabric.js exportiert als SVG-Problem mit Kreisen

<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) "/> 

Siehe Geige Beispiel Export klicken und sehen, wie die svg manuell korrigieren <circle /> http://jsfiddle.net/nwkdzss2/

Antwort

1

Es ist ein Rundungsproblem ist hinzugefügt. Sie haben diese Paramater in dort:

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

Sie als mehr als 2π interpretiert werden, und aus irgendeinem Grunde, dass die großen Winkel-Flag-Flips (die vierte Reihe nach A) auf false, und nur den „kurzen Weg“ zwischen den beiden Punkten gezeichnet:

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

Wenn Sie eine etwas kleinere Zahl für 2π verwenden,

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

die Bahndaten den „langen Weg“ zu verwenden, interpretiert werden.

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

Wenn Sie diese Parameter vollständig auslassen, wird ein Kreisprimitiv gezeichnet.