Pour intégrer du SVG dans une page HTML nous nous servons d’illustrator.
Dans notre carte (oui nous faisons une carte cliquable) il faut nommer les groupes pour chaque objets (ici département) si nous voulons styler ces objets, après dans le code.
- Dans fenêtre – Option d’objet, donner une url aux objets et définir la zone active( ex:polygone).
- Enregistrer sous au format SVG, le profils SVG: Basic 1.1 et Propriétés CSS: Élément de style.
- Copier / coller le code généré dans la page HTML (que la partie avec les balises svg).
(A noter une fenêtre propriétés CSS.)
Une fois le fichier HTML en place nous pouvons styler notre carte en CSS.