Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 19
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    57

    Convertire coordinate SVG in HTML Map Area

    Ciao a tutti, spero di aver postato nella giusta sezione.

    Google non mi ha aiutato per niente, quindi provo a chiedere qui..

    Dunque sto cercando di creare la solita mappa dell'Europa partendo da un file SVG.
    Sono arrivato a capire che le coordimate SVG sono simili a quelle HTML.
    Il problema è che all'interno di tali coordinate SVG vi sono delle lettere, che rappresentano curve e altro.

    Esempio semplice:

    SVG : M 0,0,115,0,115,23,92,60,92,111,0,111 Z
    HTML : 0,0,115,0,115,23,92,60,92,111,0,111

    Il problema si presenta con forme complicate, con la presenza all'interno delle coordinate delle varie lettere. Tipo :

    m 323.59375,375 c -1.40701,0 -2.53049,1.2187 -3.9375,1.3125 -0.84421,0.0938 -4.12459,-0.28155 -4.875,0.28125 l -1.21875,2.53125 c -1.5008,0.84421 -2.2496,-1.12495 -3,-1.21875 -1.50081,-0.1876 -0.18669,0.75041 -1.6875,0 -0.0938,0.37521 9e-5,0.84354 -0.1875,1.21875 -0.0938,0.37521 -0.3749,0.65605 -0.5625,1.03125 0,0.18761 1.78185,1.49979 0.65625,1.875 -1.96982,0.46899 -1.31159 z



    In rete ho trovato ben poco a riguardo, sapete darmi qualche indicazione utile?

    Grazie in anticipo

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    57
    Aggiornamento :

    Probabilmente il parametro "c" (curve) del file SVG va convertito in straight line. Si può fare ad esempio con inkscape.

    Ora sto tentando di fare uno script per convertire le coordinate.

    In HTML mi pare di capire che esistano solo valori positivi, giusto?

  3. #3
    Originariamente inviato da sXe
    ...In HTML mi pare di capire che esistano solo valori positivi, giusto?
    Sono coordinate cartesiane e si può usare anche valori negativi, ma in una mappa d'immagine non ne vedo la necessità, fatto salvo per casi particolari.

    Io non vedo neanche la necessità di fare tante conversiooni, conviene fare una mappatura da capo, a quest'ora l'avresti già fatta

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    57
    Le conversioni mi servono perchè devo usarle con jQuery, devo fare un effetto rollOver e a mano non sarei mai preciso...

    Hai dei suggerimenti per rimappare l'immagine?

  5. #5
    Originariamente inviato da sXe
    ....Hai dei suggerimenti per rimappare l'immagine?
    Se hai a disposizione DW fai tutte le mappature che vuoi con la massima pecisione.

  6. #6
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    57
    Si ce l'ho...

    ma non vedo come si possa fare una mappatura per un file tipo questo :
    http://upload.wikimedia.org/wikipedi...World_gray.svg

    Ripeto che mi serve perfetta per fare effetti Roll Over

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    57
    vorrei ottenere un risultato simile a questo :

    http://www.workingineuropeandasia.co...cba37b7b0eef6a

  8. #8
    Originariamente inviato da sXe
    Si ce l'ho...

    ma non vedo come si possa fare una mappatura per un file tipo questo :
    http://upload.wikimedia.org/wikipedi...World_gray.svg

    Ripeto che mi serve perfetta per fare effetti Roll Over
    Il file non posso aprirlo su questo pc, ma immagino che sia l'immagine dell'Europa con i vari stati, se usi DW con un'immagine cosi in BMP o JPG o PNG, quando la selezioni dalla vista progettazione ti appare una serie di strumenti per mapparla con la massima precisione

  9. #9
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    57
    Capisco cosa intendi, ma rimarrà sempre una selezione approssimativa.

  10. #10
    Originariamente inviato da sXe
    Capisco cosa intendi, ma rimarrà sempre una selezione approssimativa.
    Perchè approssimativa? Hai la possibilità con lo strumento laccio di seguire qualsiasi contorno

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.