Estrazione dei dati del percorso da una mappa SVG da utilizzare in RaphaelJs

Question

Sto provando a creare una mappa interattiva utilizzando RaphaelJS (ad esempio http://raphaeljs.com/australia.html). Si prega di controllare la fonte. Richiede l'input dei dati del percorso della mappa. Non c'è alcuna spiegazione chiara su come ottenere queste informazioni, a parte il fatto che illustrator o inkscape sono in grado di farlo. Sto cercando di ottenere i dati del percorso "Stati" da questa mappa India: http://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

Answer 1

bene, questo è facile. SVG è solo un semplice file XML. Quindi non devi "estrarre" nulla tramite Illustrator.

Basta aprire SVG in qualsiasi editor di testo ed è tutto lì! (la stringa di dati del percorso che è possibile utilizzare con RaphaelJS path-function è contenuta nell'attributo d dei nodi del percorso).

Guarda il nostro per problemi di copyright quando si utilizzano i file SVG altrui;)

Skunks

Answer 2

Per SVG vecchio file i dati del percorso dovrà essere ottimizzato per RaphaelJS. Aprire il file in Inkspace e salvare come AVG ottimizzato. Se si dispone di un file AVG che si apre come immagine vuota in Adobe Illustrator, modificare il file con un editor di testo e impostare i primi due valori di viewBox su 0,0. Entrambi i passaggi potrebbero essere necessari quando si lavora con i file AVG di mappe da Wikipedia.

Answer 3

Si potrebbe anche usare un convertitore come Ready.Set.Raphael per estrarre i percorsi per voi e per creare l'output javascript. È un risparmio in tempo reale!