Le SVG
Les balises de bases
Une entête à la XML
Le SVG étant une application d'XML, la première balise à insérer est la même que celle de XML. Ensuite vient la DTD du SVG.
<?xml version="1.0" encoding="UTF-8" standalone="yes"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
Le fragment SVG
On appelle fragment SVG, l'ensemble du code situé entre les balises <svg> et </svg>.
Cette appélation provient du fait qu'il est possible d'imbriquer des fragments les uns dans les autres afin de former une image SVG complète.
Une fois s'être acquité des obligations de XML, on peut passer aux balises spécifiques du SVG.
<svg xmlns="http://www.w3.org/2000/svg" ...> [...] </svg>
Cette balise contient de nombreux attributs permettant de définir un fragment SVG.
- xmlns, l'espace de nom pour les balises svg (voir la documentation sur XML) ;
- width, la largeur de l'image ;
- height, la hauteur de l'image ;
- version, la version du SVG ;
- viewBox, indique les coordonnées de la zone de dessin sous la forme de 4 valeurs (Xmin, Ymin, Xmax, Ymax) ;
- preserveAspectRatio, permet de définir comment réagir si l'espace disponible pour le fragment n'a pas le même ratio que celui-ci.
Deux autres balises permettent de personaliser un fragment svg.
Ce sont les balises <title>...</title> et <desc>...</desc>, elles permettent d'associer un titre et une description au fragment.