1

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

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

我不确定如何让这些路径出现在拉斐尔身上,有什么建议吗?

资源:

4

1 回答 1

2

路径可能确实“显示”,但在您定义的视口之外。您将需要调整路径坐标以适合您的视口,例如通过应用变换(您可以使用 raphaël来做到这一点,但确保路径坐标从一开始就正确变换会更有效)。

如果您想查看路径在哪里,您可以随时增加坐标空间,例如通过将 viewBox 设置为较大的值,例如 [x,y,w,h] = [-10000,-10000,50000,50000]。这可能会使渲染看起来很小,但您应该能够快速发现丢失的路径在哪里。

于 2012-06-11T08:40:31.583 回答