我正嘗試使用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