SVG (Scalable Vector Graphic)
SVG est un langage XML utilisé pour décrire des graphiques en 2 dimensions, c'est un langage bénéficiant d'une recommandation du W3C.
Qu'est ce qu'il fait ?
SVG permet de décrire des images riches avec des caractéritiques tel que des inclinaisons, de la transparence, des effets de filtres et des animations.
Il permet 3 types d'objet graphiques : des formes vectorielles (traits, courbes, ...) des images et du texte.
Comme Flash et à l'inverse des formats Gif ou JPeg, une image SVG n'est pas basée sur un ensemble de pixels mais sur des figures géométriques (cercles, carrés, triangles, etc.) dont on précise la texture et le comportement (déplacement, déformation, etc...).
SVG permet de mettre en place du contenu dynamique et interactif et également de modifier les vecteurs en fonction du temps. Le SVG peut en effet être couplé à un langage de script capable de manipuler son DOM (Document Object Model). Leur animation peut être définie soit à l'intérieur des fichiers SVG (via l'utilisation de script SMIL = autre recommandation du w3c) soit dans un langage de script externe.
Structure du document
Le code du document SVG se situe entre les balises <SVG>
Exemple : « svg_exemple.svg »
<?xml version="1.0"
standalone="no"?>
<!DOCTYPE
svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
"http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
<svg
width="5cm" height="4cm">
<desc>Four
separate rectangles</desc>
<rect
x="0.5cm" y="0.5cm" width="2cm"
height="1cm"/>
<rect
x="0.5cm" y="2cm" width="1cm"
height="1.5cm"/>
<rect
x="3cm" y="0.5cm" width="1.5cm"
height="2cm"/>
<rect
x="3.5cm" y="3cm" width="1cm"
height="0.5cm"/>
</svg>
Un document SVG est représenté sur un plan graphique en 2D :
Visualisation
Pour être visualisable, le navigateur doit posséder un viewer SVG. (exemple : plugin Adobe)
Atouts
Les atouts de SVG peuvent faire en sorte que ce standard finisse par s’imposer :
- Basé nativement sur XMLPromis à un bel avenir, ce format suscite l'intérêt de nombreuses sociétés telles que Ilog, Sun Microsystems, Eastman Kodak Company... ILog Jviews a été la première interface graphique à supporter le format SVG.