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

Question

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

Answer 1

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

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

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

臭鼬

Answer 2

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

Answer 3

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