Extracting path data from an SVG map to use in RaphaelJs

dictionary svg raphael inkscape
Srikanth picture Srikanth · Nov 23, 2009 · Viewed 13.1k times · Source

I'm trying to build an an interactive map using RaphaelJS (e.g. http://raphaeljs.com/australia.html). Please check the source. It requires map path data to input. There is no clear explanation anywhere about how to obtain this information, other than the fact that illustrator or inkscape are capable of doing it. I'm looking to obtain "States" path data from this India map: http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

Answer

Skunkie picture Skunkie · Dec 7, 2009

well, this one is easy. SVG is just a simple XML file. So you don't have to "extract" anything via Illustrator.

Just open the SVG in any text editor and it's all there! (the path data string you can use with RaphaelJS path-function is held in the d-attribute of the path nodes).

Watch our for copyright issues when using SVG files of others ;)

Skunks

Related questions

How to Convert SVG to SHP (Shape File) format?

I am trying to convert the SVG File to SHP (Shape File format) and then get it imported into GeoServer. Is there any convertor available OR is there any mediating format in which I can get it converted and finally …

Read More
Iterating over dictionaries using 'for' loops

I am a bit puzzled by the following code: d = {'x': 1, 'y': 2, 'z': 3} for key in d: print key, 'corresponds to', d[key] What I don't understand is the key portion. How does Python recognize that it needs only to …

Read More
Check if a given key already exists in a dictionary

I wanted to test if a key exists in a dictionary before updating the value for the key. I wrote the following code: if 'key1' in dict.keys(): print "blah" else: print "boo" I think this is not the …

Read More