Raphael JS - Usa un file SVG

Question

Ho visto diversi thread che rispondono a questa domanda ma nulla che risolva veramente il mio problema. Ho un file SVG con una mappa e diverse regioni (http://www.mediafire.com/?5pmyevdwbyrb51f). Voglio fare qualcosa di simile a questo: http://raphaeljs.com/australia.html.

Ma la domanda è come posso convertire il file in modo che funzioni nello script? Come ottengo quelle coordinate? Ho provato diversi convertitori e simili, ma devo fare schifo perché non riesco a farlo funzionare. Forse qualcuno può dare una mano?

Answer 1

sguardo al codice di:

http://raphaeljs.com/tiger.html

<script src="tiger.js"> 
// Load the file with the tiger mapping to a variable 
    var tiger = [0,0,600,600,{type:"path",path:"M-122.304 84.285C-12... 
</script> 

<script> 
// run it 
window.onload = function() { 
    var r = Raphael(tiger).translate(200, 200); 
}; 
</script> 

Answer 2

se si intende utilizzare Raphael per importare un file in formato SVG in modo da poter visualizzare o manipolarla, non è attualmente supportato. Ma potresti voler controllare le estensioni raphael-svg-import o raphael-svg-import-classic.

Vedi anche SVG files in Raphael, can they be used?

Answer 3

In aggiunta a mikefrey's answer utilizzando rapper, un esempio:

var paper = Raphael(0, 0, 160, 600); 

var rappar = [...]; // here use the output from rappar 

var graphic = paper.set(); 
rappar.forEach(function (item) { 
    graphic.push(paper 
    .path(item.path) 
    .attr('fill', item.fill) 
    .attr('stroke', item.stroke) 
    // ... 
); 
}); 
graphic.transform('s0.8,0.8,0,0'); 
// ... 

Utilizzando Raphael v2.2.6 e v0.0.2 rappar.