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

When I convert an SVG to a Raphael JS object, the paths don't show up

本文关键字：路径 显示 对象 JS SVG 转换 Raphael      更新时间：2023-09-26

我在网上找到了这个SVG文件，我想和Raphael一起使用，所以我开始获取路径的d属性并将它们放入JS对象中。在代码中，我遍历JS对象并创建Raphael路径。当我在浏览器中打开文件时，什么都没有显示，我也不知道为什么。

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

我不确定如何让这些路径与拉斐尔一起出现，有什么建议吗？

资源：

  • 我的文件
  • 原始地图

路径可能会"显示"，但在定义的视口之外。您需要调整路径坐标以适应您的视口，例如通过应用变换（您可以使用 raphaël 执行此操作，但确保路径坐标首先正确转换更有效）。

如果你想查看路径的位置，你可以随时增加你的坐标空间，例如通过将viewBox设置为大的东西，例如[x，y，w，h] = [-10000，-10000，50000，50000]。这可能会使渲染看起来很小，但您应该能够快速发现缺少的路径的位置。

相关文章：