我正尝试使用RaphaelJS构建交互式地图(例如http://raphaeljs.com/australia.html)。请检查来源。它需要输入地图路径数据。关于如何获取这些信息的地方没有任何明确的解释,除了Illustrator或Inkscape能够做到这一点。 我期待从此印度地图获取“国家”路径数据:http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg从SVG地图中提取路径数据以用于RaphaelJs
6
A
回答
11
好吧,这个很简单。 SVG只是一个简单的XML文件。所以你不必通过Illustrator“提取”任何东西。
只需在任何文本编辑器中打开SVG,它就在那里! (您可以在RaphaelJS路径功能中使用的路径数据字符串保存在路径节点的d属性中)。
观看我们的使用,当别人的SVG文件的版权问题;)
臭鼬
0
对于较老的SVG文件的路径数据将需要RaphaelJS进行优化。在Inkspace中打开文件并保存为Optimized AVG。如果您有一个在Adobe Illustrator中作为空白图像打开的AVG文件,请使用文本编辑器编辑该文件,并将viewBox的前两个值设置为0,0。使用维基百科的地图AVG文件时,可能需要这两个步骤。
4
您也可以使用转换器如Ready.Set.Raphael为您提取路径并创建javascript输出。这是一个真正的节省时间!
相关问题
- 1. raphaeljs - 移动我已经从svg转换的路径
- 2. 使用SVG(raphaeljs)开发基于地图的应用程序
- 3. 绘制路径与SVG路径数据(SVG路径帆布路径)
- 4. 用于路径SVG的LinearGradient
- 5. 解析SVG路径数据
- 6. 从路径中提取点
- 7. 如何从SVG中提取每个元素的路径?
- 8. Raphaeljs:访问闭合路径
- 9. RaphaelJS:绘制另一个SVG元素的路径
- 10. RaphaelJS到SVG到
- 11. RaphaelJS SVG到PNG
- 12. 提取主机从路径
- 13. 位图到SVG路径
- 14. 如何获取ggmap路径数据以跟踪道路路径
- 15. 从数据库中提取数据以获取C3js图表
- 16. C++ SVG库来写路径数据
- 17. 从本地路径或映射路径获取UNC路径
- 18. 试图映射geojson数据时,在svg路径'd'attr中获取NaN值
- 19. 使用Selenium(Python)获取svg路径
- 20. 获取SVG路径的中心和VML
- 21. 从png中提取贝塞尔路径
- 22. 如何从路径中提取标签?
- 23. 从分组文件路径集合中提取公共路径?
- 24. 从绝对路径中提取相对路径
- 25. 从图库中获取图像路径
- 26. 如何从数据URL中获取图像路径
- 27. Raphaeljs图表酒吧索引提取
- 28. 从路径获取图像
- 29. 如何从FFT文件中提取数据以用于FFT
- 30. 从文本文件中提取数据以用于python脚本?
神圣的废话!您可以在文本编辑器中打开SVG文件!?!?难怪我无法弄清楚。谢谢! – Stromfeldt 2015-10-03 06:01:20