从 SVG 地图中提取路径数据以在 RaphaelJs 中使用答案

【问题标题】：Extracting path data from an SVG map to use in RaphaelJs从 SVG 地图中提取路径数据以在 RaphaelJs 中使用
【发布时间】：2010-12-19 08:22:37
【问题描述】：

我正在尝试使用 RaphaelJS（例如 http://raphaeljs.com/australia.html）构建交互式地图。请检查来源。它需要输入地图路径数据。除了 illustrator 或 inkscape 能够做到这一点之外，没有任何关于如何获取这些信息的明确解释。我希望从这张印度地图中获取“州”路径数据：http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

【问题讨论】：

标签： dictionary svg raphael inkscape

【解决方案1】：

嗯，这个很简单。 SVG 只是一个简单的 XML 文件。因此，您不必通过 Illustrator “提取”任何内容。

只需在任何文本编辑器中打开 SVG，它就在那里！（您可以与 RaphaelJS 路径函数一起使用的路径数据字符串保存在路径节点的 d 属性中）。

在使用他人的 SVG 文件时注意我们的版权问题；）

臭鼬

【讨论】：

天哪！您可以在文本编辑器中打开 SVG 文件！？！？难怪我想不通。谢谢！

【解决方案2】：

您还可以使用Ready.Set.Raphael 之类的转换器为您提取路径并创建javascript 输出。这是一个真正的节省时间！

【讨论】：

【解决方案3】：

对于较旧的 SVG 文件，需要针对 RaphaelJS 优化路径数据。在 Inkspace 中打开文件并另存为 Optimized AVG。如果您有一个在 Adobe Illustrator 中作为空白图像打开的 AVG 文件，请使用文本编辑器编辑该文件并将 viewBox 的前两个值设置为 0,0。处理来自 Wikipedia 的地图 AVG 文件时，可能需要这两个步骤。

【讨论】：