Scalable Vector Graphics (SVG) est un format graphique vectoriel bidimensionnel basé sur XML qui peut également être utilisé en HTML. N'ajoutez pas cette balise simplement parce que votre projet utilise SVG. Au lieu de cela, ajoutez la balise si votre question concerne SVG ou est étroitement liée à celle-ci, comme comment réaliser quelque chose avec SVG.

Graphiques vectoriels évolutifs(SVG) est un langage de balisage pour décrire les deux dimensions vector-graphicsimages, animations et applications. SVG est également un ensemble d'interfaces de script graphique connexes. Le format SVG diffère des formats rasteren codant les graphiques principalement à l'aide de transformations mathématiques et matricielles, ce qui permet aux sorties SVG d'être indépendantes de la résolution. Alors que SVG est un format basé sur xml, il peut être intégré dans htmlà l'aide de règles d'analyse HTML.

La version actuelle est SVG 1.1(deuxième édition), publiée en 2011. SVG 1.2n'est pas publié, la dernière version date de 2005. SVG 2est en développement actif.

Exemple de fichier SVG

Ce qui suit montre un cercle de couleur fuchsia ayant une bordure noire épaisse située au-dessus du texte tourné de 15 degrés.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" version="1.1">
  <style type="text/css">
    circle { fill: fuchsia; stroke: black; stroke-width:2 }
    text { font: 12pt sans-serif }
  </style>
  <circle cx="30" cy="20" r="10"/>
  <text x="10" y="40" transform="rotate(15)">Rotated text</text>
</svg>​

Résultat rendu

Example SVG Scene

Liens utiles

Éditeurs SVG