Vidéo: CRÉER UNE IMAGE CLIQUABLE PAR ZONE POUR LE WEB ! 2025
L'élément vous permet de construire une image vectorielle directement dans la page en utilisant le langage de balisage SVG. Il est souvent utilisé pour créer des graphiques ou d'autres visualisations dynamiquement. Exemple de codage ressemble à ceci:
La sortie de cet exemple de code ressemble à:
SVG utilise un système XML très similaire à XHTML. Chaque élément est décrit par une étiquette, qui possède divers attributs définissant sa taille, sa position et sa couleur. Vous pouvez modifier les éléments SVG avec une forme de CSS; Vous pouvez créer et modifier du code SVG en temps réel avec du code JavaScript; ou exportez une image SVG à partir d'un outil tel que Dia ou Inkscape et intégrez le dessin résultant directement dans la page.
Le principal avantage d'un format d'image vectoriel comme SVG est la possibilité de mettre à l'échelle l'image sans perdre la qualité de l'image.
Tous les principaux navigateurs, à l'exception des versions IE antérieures à IE9, prennent en charge un certain niveau de SVG.
Pour plus d'informations sur la norme SVG, consultez la page W3C SVG.
