SVG XML:Introduction
Un article de WikiTuto.
Sommaire |
Origine et but
Histoire
SVG : Scalable Vector Graphics. Ce langage permet d'écrire des graphiques vectoriels 2D en XML. Il a été inventé en 1998 par un groupe de travail (comprenant Microsoft, Autodesk, Adobe, IBM, Sun, Netscape, Xerox, Apple, Corel, HP, ILOG...) pour répondre à un besoin de graphiques légers, dynamiques et interactifs.
Une première ébauche du langage est sortie en octobre 1998 et en juin 2000 apparaît la première version du Viewer Adobe (plugin permettant de visualiser le SVG). Le SVG s'est très vite placé comme un concurrent de Flash et à ce titre, Adobe a intégré ce langage dans la plupart de ses éditeurs (dont les principaux sont Illustrator et Golive).
"Niche" de SVG
Cependant, comme Flash est désormais un produit bien installé, notamment en publicité et sur les sites "branchés", SVG semble plus adapté aux contextes suivants :
- visualisation de contenus (économiques, processus, cartes, etc.) au format XML, associée à JavaScript+DOM, ou bien à des transformations XSLT... ;
- interface utilisateur pour certains types d'applications Internet ;
- dessins statiques, animés ou même interactifs dans le monde de l'éducation.
Pourquoi SVG?
Les raisons pouvant pousser à l'adoption d'un format comme SVG sont nombreuses :
1.Liées aux avantages du graphisme vectoriel :
Adaptation de l'affichage à des media variés et à des tailles différentes ;
- Possibilité d'appliquer des styles ;
- Possibilité d'indexer le texte qui fait partie du graphisme ;
- Taille de l'image après compression ;
- Facilités d'édition : les éléments sont des objets, des hiérarchies, etc.
2.Liées aux avantages particuliers du format SVG :
- Génération de SVG avec XSLT à partir de données XML ;
- Future intégration totale dans XHTML, viewers SMIL, etc.
- Utilisation de CSS ;
- Scriptable avec Javascript via DOM.
- Modèle de couleurs sophistiqué, filtres graphiques (comme dans Photoshop) ;
- Possibilité d'indexage par les moteurs de recherche (c'est un fichier texte !) ;
- Possibilité de partager du code (format texte non propriétaire) ;
- Meilleures capacités graphiques dans l'ensemble (voir par exemple cette comparaison Flash/SVG).
Outils
Introduction
Une liste complète des implémentations de SVG est disponible sur le site du W3C.
Édition
Comme SVG est un format XML, n'importe quel éditeur de texte fait en théorie l'affaire. Il est néanmoins recommandé d'utiliser de préférence un éditeur dédié à XML si l'on choisit cette option, comme WebDraw de Jasc, ou InkScape. Adobe Illustrator, Corel Draw permettent aussi d'exporter au format SVG -et ceci pour ne parler que des logiciels les plus connus.
Visualisation
SVG n'est actuellement pas supporté en natif par tous les navigateurs. On distingue plusieurs degrés d'avancement :
- Internet Explorer ne le supporte pas en natif. Il est donc nécessaire d'installer soi-même un plugin. Le plus répandu d'entre eux est, à la date de révision de ce cours (janvier 2006), le plugin SVG Viewer 3.03, téléchargeable gratuitement sur le site d'Adobe : http://www.adobe.com/svg/
- FireFox, à partir de sa version 1.5, a entrepris de supporter en natif le format SVG, mais son support reste partiel. Le panorama du support SVG de FireFox donne néanmoins un aperçu des fonctionnalités de ce format.
- Opera a commencé à prendre en charge le SVG dans sa version 8.0. Le support SVG d'Opera 8.5 inclut maintenant des animations.
