File xml svg e file html svg

[marcopetri]

Buongiorno a tutti,

Sono incappato per la prima volta da quando programmo nel problema degli svg, ho scaricato Inkscape che mi ha permesso di creare l'immagine in svg che devo usare sul mio sito (mappa di stati con relative regioni in diversi <path />compresi nei <g></g>) ed ho svariati problemi.

Dati
1) Il file sul quale la applico è un .php con template .html incluso per la grafica
2) Il file svg deve essere applicato al .html e ridimensionato (attualmente usando transform:scale(); del css3)
3) Il file deve permettere onclick sulle differenti regioni quindi non può essere un <img />
4) Al file per spostarsi sulla mappa è permesso grazie al drag & drop con javascript

Problema:
1) Non funzione del punto 2 e 3

Procedimento:
Il file .php richiama correttamente il .html nel punto desiderato e lo esegue senza nessun problema, i form funzionano e tutto va liscio.
Il file svg viene incluso nel file .html con un immagine e va tutto bene se non fosse che impedisce il punto 3, quindi lo ho provato ad includere con un <iframe></iframe> ma a questo punto non cambia niente non funzionano eventuali onclick.
Al file è permesso e il drag&drop funziona alla perfezione con le relative restrizioni ai confini del div.


Qualcuno sa come tradurre un .xml svg ad un .html svg ?
Se si possibilmente gradirei anche un programma scaricabile per farlo od almeno un procedimento realizzabile con script perché l'svg è lungo 4000 e passa righe.

Qualcuno sa come includere perfettamente un .xml svg nel .html così da potervi direttamente applicare drag&drop con relativi onclick sulle regioni ?

Qualsiasi soluzione che mi permetta di fare il drag&drop e onclick sull'svg e le regioni è ben accetta.

Cordiali Saluti,
Marco

[karl94]

Puoi tranquillamente includere direttamente l'elemento svg all'interno del documento HTML, senza alcuna modifica. Per quanto riguarda il ridimensionamento non usare il foglio di stile, ma piuttosto gli attributi width e height.
Se poi ti serve ulteriore aiuto indica l'indirizzo della pagina in questione.