Accueil    Codes    SVG présentation
 



Html5 - SVG  Html5 - SVG



Présentation du SVG


Le SVG (Scalable Vector Graphics) est un langage qui a été proposé par le W3C et mis en oeuvre en collaboration avec de nombreuses firmes dont Adobe (principal acteur). Le SVG s'adapte parfaitement avec html et xml est lui même un langage xml respectant l'ensemble des normes qui caractérisent ce langage.

Il est adapté à la génération de cartes et de graphiques (dessins 2D ou 3D, histogrammes, camembert ...) et peut être employé pour réaliser des animations.
Ses points forts sont :
    - sa facilité de mise en place avec le html
    - son support intégré dans html5
    - sa mise en forme avec xml et xslt
    - la possibilité d'utiliser le javascript et les css

Son principal point faible est la nécessité d'installer un plug-in (SVG Viewer) s'il n'est pas supporté par le navigateur.



Support du SVG


Il est possible de déterminer si un navigateur supporte le SVG avec le test javascript suivant :



<script type="text/javascript">
var supportSVG = document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1");
if(supportSVG){
   document.write("Svg supporté");
}
else{
   document.write("Svg non supporté");
}
</script>

Résultat :




Présentation des éléments de base


Les éléments de base réalisables avec le svg sont :
    - L'élément line
    - L'élément rect
    - L'élément circle
    - L'élément ellipse
    - L'élément polygon
    - L'élément polyline