raphael-svg-import 中放错位置的 SVG 路径答案

【问题标题】：Misplaced SVG Path in raphael-svg-importraphael-svg-import 中放错位置的 SVG 路径
【发布时间】：2011-12-07 19:05:49
【问题描述】：

我正在尝试使用 RaphaelJS 和 raphael-svg-import 渲染这些文件 http://registro.soveci.com/dom_izq.svg 和 http://registro.soveci.com/dom_der.svg，但不知何故，屏幕上出现了错误的路径。如果用兼容标准的浏览器查看，可以看到路径渲染正确，所以一定是raphael-svg-import的问题。

你能给我一些提示吗？？？（我是 SVG 新手）

【问题讨论】：

标签： javascript svg raphael

【解决方案1】：

我一直在尝试使用 SVG，这有点巧合，因为我今天刚玩完那个插件。

demo 的网址在文档中还包含 zip 文件，因此您可以在 Inkscape 或任何 SVG 编辑器中试验这些文件，看看是否无法将它们配置为项目中的某些内容。

无论出于什么原因，这个插件“喜欢”某些 SVG 而不是其他的，所以也许您可以调整 zip 中的其中一个 SVG，它可能会起作用。

作者知道该插件并不总是有效，但它正在逐渐改进，即使现在我认为如果你对它们进行修补，也可以编写兼容的 SVG。

如果您需要将某些 SVG 转换为 javascript 的工具，您可以使用 this。

【讨论】：

感谢您的回答。我只需要知道更多的事情： 1) 将 SVG 转换为 Raphael 后，如何操作 DOM？例如，如何检索路径？ 2) 如何进行缩放？我知道我可以设置一个 ViewBox，但到目前为止我还不明白，那个 ViewBox 的尺寸是什么意思，我应该根据 ViewBox 坐标定义我的路径，以便浏览器然后执行到用户空间坐标的转换吗？
您问：1) 将 SVG 转换为 Raphael 后，如何操作 DOM？例如，如何检索路径？
您问：1) 将 SVG 转换为 Raphael 后，如何操作 DOM？例如，如何检索路径？您始终可以从内存存储中获取路径或任何其他对象。在您的代码中，它将是 arrayName[index]=paper.path... 然后您总是可以随后对 thr 对象执行其他操作。您可以将对象存储到光盘。你问 2) 我如何进行缩放？回答另一个巧合，我今天记录了 Raphael 社区中某人的努力：www.irunmywebsite.com/raphael/additionalhelp.php?v=2&q=zooming