Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Dictionary 从SVG映射中提取路径数据以在RaphaelJs中使用_Dictionary_Svg_Raphael_Inkscape - Fatal编程技术网

Dictionary 从SVG映射中提取路径数据以在RaphaelJs中使用

Dictionary 从SVG映射中提取路径数据以在RaphaelJs中使用,dictionary,svg,raphael,inkscape,Dictionary,Svg,Raphael,Inkscape,我正在尝试使用RaphaelJS(例如)构建一个交互式地图。请检查来源。它需要映射路径数据才能输入。除了illustrator或inkscape能够做到这一点之外,关于如何获得这些信息,没有任何明确的解释。 我想从这张印度地图上获取“州”路径数据:好吧,这张地图很简单。SVG只是一个简单的XML文件。所以你不必通过Illustrator“提取”任何东西 只要在任何文本编辑器中打开SVG,就可以了!(可以与RaphaelJS路径函数一起使用的路径数据字符串保存在路径节点的d属性中) 使用他人的SV

我正在尝试使用RaphaelJS(例如)构建一个交互式地图。请检查来源。它需要映射路径数据才能输入。除了illustrator或inkscape能够做到这一点之外,关于如何获得这些信息,没有任何明确的解释。
我想从这张印度地图上获取“州”路径数据:

好吧,这张地图很简单。SVG只是一个简单的XML文件。所以你不必通过Illustrator“提取”任何东西

只要在任何文本编辑器中打开SVG,就可以了!(可以与RaphaelJS路径函数一起使用的路径数据字符串保存在路径节点的d属性中)

使用他人的SVG文件时,请注意我们的版权问题;)


臭鼬

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

您还可以使用类似转换器的工具来提取路径并创建javascript输出。这真是节省时间

天哪!您可以在文本编辑器中打开SVG文件!?!?难怪我搞不懂。谢谢