問題/私はFabricJSを使用していると私はキャンバスの私のSVGの表示に問題が発生したFabric.js

Question

でのレンダリング：

• 結果は（fabricJSの選択ボックスの外に表示されます
• 変換後に選択のアンカーが消えてしまい、それを見つけることが不可能になります。

  私はPotraceの出力SVGを使用していると私はそれが私の問題の起源だと思う：ここ

はスクリーンショットです。
ここにSVGのコードを示します。SVG code in pastebin
このページのFabricJSでテストすることができます：FabricJS Kitchensing example。
「SVGを読み込む」領域にSVGのコードを貼り付け、セクションボックスのサイズを変更して回転させてSVGを表示してください。

私のSVGコードの一部、または問題の原因となっているファブリックコードの一部を知っていますか？ もしそうなら、自分で簡単に変更できますか？そうでない場合は、誰かが間違いを訂正したり見つけたりすることは可能でしょうか？

ありがとうございました。

EDIT：

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

そして、より多くの、特に翻訳し、スケールがどのようにそれを修正するために...属性：一見、FabricJSはSVGのこの行を好きではありませんか？

EDIT2：解決策は、平行移動とスケールがそれぞれ（0,0）と（1,1）に等しいか、またはそれが座標に適用されることです。

PotraceやJSスクリプトで誰かがそれをするアイデアはありますか？

Answer 1

2年後、fabricJsはこのSVGを完全に解析して管理できるようになりました。 古いpasteBin SVGコードをkitchenSinkデモに貼り付けるだけで、うまく読み込むことができます。

最近、SVG解析領域で多くの改善が行われました。 これは、stackoverflowユーザーが期待するように、これは答えではありませんが、これがまだ問題であるかもしれないと考えることを知ることをお勧めします。