当我将SVG转换为Raphael JS对象时，路径不会显示

Question

我发现这个SVG文件在线，我想与Raphael一起使用，所以我开始采用路径的d属性并将它们放入JS对象中。在代码中，我遍历JS对象并创建Raphael路径。当我在浏览器中打开文件时，没有任何显示，我无法弄清楚原因。

我认为它与SVG文件有关。在我下载的SVG文件中，每个组（g标记）都具有transform属性。如果我从g标记中删除该属性并在浏览器中打开SVG文件，则该组不会显示。因此，当我只是复制路径时，似乎丢失了。

我不确定如何让这些路径显示raphael，任何建议？

资源：

• my files
• original map

Answer 1

路径可能会“显示”，但在您定义的视口之外。您将需要调整路径坐标以适应您的视口，例如通过应用变换（您可以执行with raphaël，但更有效的是确保路径坐标正确转换为开始）。

如果你想看到路径的位置，你总是可以增加你的坐标空间，例如setting the viewBox到大的东西，例如[x，y，w，h] = [-10000，-10000,50000 ，50000]。这可能会使渲染看起来很小，但您应该能够快速找到丢失路径的位置。