Problema con display SVG/rendering in Fabric.js

Question

sto usando FabricJS e ho incontrato un problema con il display del mio SVG in tela:

• il risultato viene visualizzato al di fuori della casella di selezione di fabricJS (a causa di una traduzione?)
• le ancore della selezione scompaiono dopo una trasformazione e quindi è impossibile ritrovarle.

Ecco uno screenshot:

sto usando un output in formato SVG di Potrace e penso che sia l'origine del mio problema.
Ecco il codice di SVG: SVG code in pastebin
È possibile testarlo con FabricJS in questa pagina: FabricJS Kitchensing example.
Basta incollare il codice di SVG nell'area "Carica SVG", quindi ridimensionare e ruotare la casella di sezione per visualizzare l'SVG.

Conoscete la parte del mio codice SVG o la parte del codice fabricS che causa il problema? In tal caso, posso cambiarlo facilmente da solo? In caso contrario, è possibile che qualcuno corregga o individui l'errore possibile?

Grazie mille per il vostro aiuto.

EDIT: apparentemente, FabricJS non piace questa linea di SVG:

<g transform="translate(0,648) scale(0.098780,-0.098780)" fill="#000000" stroke="none"> 

E più in particolare il tradurre e attributi scala ... Come risolvere il problema?

EDIT2: la soluzione sarebbe che il traduttore e la scala sono rispettivamente pari a (0,0) e (1,1) o, meglio, che sono applicati alle coordinate.

Qualcuno ha un'idea per farlo con lo script Potrace o JS?

Answer 1

2 anni dopo, fabricJs è ora in grado di analizzare e gestire completamente questo file SVG. Basta incollare il vecchio codice pasteBin SVG nella demo di kitchenSink e vedrai che funziona bene.

Un sacco di miglioramenti si sono verificati di recente nell'area di analisi SVG. So che questa non è una risposta come ci si aspetterebbe un utente stackoverflow, ma è meglio sapere che pensare che questo potrebbe essere ancora un problema.