16

我正在使用 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">

尤其是 translate 和 scale 属性……如何解决？

EDIT2：解决方案是平移和比例分别等于（0,0）和（1,1），或者更好的是，它们应用于坐标。

有人知道用 Potrace 或 JS 脚本来做这件事吗？

4

1 回答 1

4

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

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

于 2014-12-16T09:24:06.330 回答