Présentation
RÉSUMÉ
Le format SVG est né de l’initiative du World Wide Web Consortium (W3C) qui cherchait à améliorer la diffusion d’images et à favoriser les applications graphiques sur Internet. Ce nouveau format d’images vectorielles devait ainsi pallier les limitations des formats existants et de plus servir de standard. A ce jour, une nouvelle version de SVG (2) est en cours de spécification, enrichie de nouvelles fonctionnalités comme la composition de couleurs, la mise en page automatique de texte dans des formes ou encore la possibilité de récupérer dynamiquement des données sur un serveur. Cet article décrit les fondements du format SVG, détaille la structure d’un fichier SVG, puis aborde les différents types d’utilisation de ces images SVG dans le cadre de développements.
Lire cet article issu d'une ressource documentaire complète, actualisée et validée par des comités scientifiques.
Lire l’articleABSTRACT
Auteur(s)
-
Christophe JOLIF : Architecte Logiciel, ILOG - Membre du groupe de travail du W3C sur SVG
INTRODUCTION
La distribution d’images sur Internet passe actuellement principalement par des formats bitmaps tels que PNG, JPEG ou encore GIF. Certains sites Web font aussi appel à des formats vectoriels, propriétaires, comme le format SWF (Flash) d’Adobe ou VML de Microsoft. Ces formats, malgré leur diffusion importante, dans certains cas, possèdent certaines limitations. Afin d’améliorer la diffusion d’images et de favoriser les applications graphiques sur Internet, le World Wide Web Consortium (W3C) a mis en place dès 1998 un groupe de travail chargé de définir un nouveau format d’images vectorielles pour pallier les limitations des formats existants et servir de « standard » sur le Web. Ce groupe de travail a donné naissance en septembre 2001 à la version 1.0 de la recommandation du format SVG (« Scalable Vector Graphics ») incitant les acteurs d’Internet à adopter ce format. En janvier 2003, une version 1.1 de SVG a été publié sous forme de recommandation avec notamment des profils « limités » de SVG permettant son utilisation sur les téléphones portables. Enfin, une nouvelle version de SVG (1.2) est en cours de spécification, elle permettra aux utilisateurs du format d’aller encore plus loin dans leur utilisation de SVG en ajoutant de nombreuses fonctionnalités comme la composition de couleurs, la mise en page automatique de texte dans des formes ou encore la possibilité pour le SVG de récupérer dynamiquement des données sur un serveur.
Dans une première partie, nous allons étudier les fondements du format SVG en exposant les objectifs du groupe de travail et les limitations des autres formats. Nous verrons également les conséquences que cela a entraînées sur la définition du format par le W3C.
La deuxième partie décrit la structure d’un fichier SVG en construisant un exemple. Elle aborde également les différents types d’utilisation de ces images SVG dans le cadre de développements.
Enfin, avant de conclure, nous nous éloignerons de la description du format pour expliquer plus concrètement l’utilisation du format SVG, en voyant notamment les différents domaines d’application.
VERSIONS
- Version archivée 1 de nov. 2000 par Christophe JOLIF
DOI (Digital Object Identifier)
Cet article fait partie de l’offre
Documents numériques Gestion de contenu
(75 articles en ce moment)
Cette offre vous donne accès à :
Une base complète d’articles
Actualisée et enrichie d’articles validés par nos comités scientifiques
Des services
Un ensemble d'outils exclusifs en complément des ressources
Un Parcours Pratique
Opérationnel et didactique, pour garantir l'acquisition des compétences transverses
Doc & Quiz
Des articles interactifs avec des quiz, pour une lecture constructive
Présentation
2. Description du format
2.1 Structure d’un fichier
Comme nous l’avons vu, un fichier SVG est un document structuré conforme à une grammaire XML. Avant toute chose, il doit donc être un document XML valide et commencer par une en-tête précisant la version de XML utilisée. En l’occurrence, SVG s’appuie sur la version 1.0. Un fichier doit donc commencer par une en-tête ressemblant à :
<?xml version="1.0" standalone="yes"?>
Le deuxième attribut (standalone) spécifie si le document XML qui suit est un fichier XML à part (utilisation la plus générale dans le cas de SVG) ou un fragment de XML inclus dans un autre document.
L’ensemble des éléments d’un fichier SVG est décrit à l’aide de balises XML. Chaque balise doit être ouverte : <balise...>, puis fermée : </balise> ; ou encore ouverte et fermée en son sein même : <balise... />. Les balises reconnues par SVG sont définies dans un DTD (document type definition) . Pour permettre sa validation, le fichier XML doit débuter par une référence vers ce DTD :
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
Les paragraphes suivants s’attachent à décrire ces balises. Il ne s’agit cependant pas d’une description exhaustive des possibilités de SVG ; pour cette dernière, il faut se référer à la spécification . En parallèle à la description de ces éléments, un exemple de document SVG est construit. Il s’agit de la réalisation d’une image relativement simple (figure 1) mais permettant de bien comprendre la structure du format.
...Cet article fait partie de l’offre
Documents numériques Gestion de contenu
(75 articles en ce moment)
Cette offre vous donne accès à :
Une base complète d’articles
Actualisée et enrichie d’articles validés par nos comités scientifiques
Des services
Un ensemble d'outils exclusifs en complément des ressources
Un Parcours Pratique
Opérationnel et didactique, pour garantir l'acquisition des compétences transverses
Doc & Quiz
Des articles interactifs avec des quiz, pour une lecture constructive
Description du format
BIBLIOGRAPHIE
-
(1) - W3C - PNG (Portable Network Graphic) Specification 1.0 a W3C Recommendation - (1996). http://www.w3.org/TR/REC-png-multi.html
-
(2) - Microsoft, Hewlett-Packard, Macromedia, Visio, Autodesk - * - VML (Vector Markup Language) Submission to the World Wide Web Consortium (1998). http://www.w3.org/TR/NOTE-VML
-
(3) - Adobe - SWF file format specification - . http://www.adobe.com/licensing/
-
(4) - W3C - SVG Requirements - (1998). http://www.w3.org/TR/SVG/reqts.html
-
(5) - W3C - SVG DTD (Document Type Definition) - (2000). http://www.w3.org/TR/SVG/svgdtd.html
-
(6) - W3C - SVG (Scalable Vector Graphics) 1.1 Specification a W3C Recommendation - (2003). http://www.w3.org/TR/SVG11/
-
...
Cet article fait partie de l’offre
Documents numériques Gestion de contenu
(75 articles en ce moment)
Cette offre vous donne accès à :
Une base complète d’articles
Actualisée et enrichie d’articles validés par nos comités scientifiques
Des services
Un ensemble d'outils exclusifs en complément des ressources
Un Parcours Pratique
Opérationnel et didactique, pour garantir l'acquisition des compétences transverses
Doc & Quiz
Des articles interactifs avec des quiz, pour une lecture constructive