Fabric.js中的SVG显示/渲染问题

Question

我正在使用FabricJS,我在画布中遇到了SVG显示问题:

• 结果显示在fabricJS的选择框之外(由于翻译？)
• 选择的锚点在转换后消失,然后无法找回它们.

这是一个截图:

我正在使用Potrace的输出SVG,我认为这是我的问题的起源.
以下是SVG的代码:pastebin中的SVG代码
您可以在此页面上使用FabricJS进行测试:FabricJS Kitchensing示例.
只需将SVG的代码粘贴到"加载SVG"区域,然后调整大小并旋转剖面框以显示SVG.

你知道我的SVG代码的一部分还是导致问题的fabricjS代码的一部分？如果是这样,我可以自己轻松更改吗？如果没有,是否有可能纠正或找出可能的错误？

非常感谢您的帮助.

编辑:貌似,FabricJS不喜欢SVG的这一行:

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

更特别是翻译和比例属性......如何解决？

EDIT2:解决方案是,translate和scale分别等于(0,0)和(1,1),或者更好的是,它们应用于坐标.

有没有人有想法用Potrace或JS脚本做到这一点？

Answer 1

2 年后，fabricJs 现在能够完全解析和管理这个 SVG。只需将旧的 PasteBin SVG 代码粘贴到 kitchenSink 演示中，您就会看到它加载良好。

SVG 解析领域最近发生了很多改进。我知道这不是 stackoverflow 用户所期望的答案，但更好的是要知道，认为这可能仍然是一个问题。