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

Question

我正在使用 FabricJS，但在 Canvas 中显示 SVG 时遇到问题:

结果显示在fabricJS的选择框之外(由于翻译？)

选择的 anchor 在转换后消失，然后就不可能找回来了。

这是一个屏幕截图:


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

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

非常感谢您的帮助。

编辑:看起来，FabricJS 不喜欢 SVG 的这一行:

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

更特别的是 translate 和 scale 属性......如何修复它？

编辑2:解决方案是平移和比例分别等于 (0,0) 和 (1,1)，或者更好的是，将它们应用于坐标。

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

Answer 1

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

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