Logo

SVG

Définition

SVG (Scalable Vector Graphics) est un format de fichier basé sur XML pour décrire des graphiques vectoriels bidimensionnels, à la fois statiques et animés.

Fonction Principale

Utilisé pour créer des graphiques vectoriels qui peuvent être redimensionnés sans perte de qualité, idéal pour les icônes, les logos et les illustrations sur le web.

Caractéristiques

  • Graphiques vectoriels redimensionnables sans perte de qualité.
  • Supporte les animations et les interactions via CSS et JavaScript.
  • Compatible avec les navigateurs web modernes.
  • Peut être stylisé avec CSS et manipulé avec JavaScript.

En Pratique

Exemple de cercle SVG :

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Exemple de rectangle SVG :

<svg width="100" height="100">
  <rect width="100" height="100" style="fill:blue;stroke:pink;stroke-width:5;" />
</svg>

Ressources

Logo