3. Présentation de SVG (Graphiques vectoriels
adaptables) :
a. Aperçu sur le graphisme vectoriel :
Un dessin vectoriel est une représentation
composée d'objets géométriques (lignes, points, polygones,
courbes, ....) ayant des attributs de forme, de position, de couleur, etc..,
permettant de produire des images. Il se différencie de cette
manière des images matricielles (ou « bitmap »), dans
lesquelles on travaille sur des pixels.
Par nature, un dessin vectoriel est dessiné à
nouveau à chaque visualisation et est indépendant de la
résolution de l'écran. Le principe de base du dessin vectoriel
consiste à décrire des formes géométriques simples
(arc de cercle ou d'ellipse, segments de droite, courbes de Béziers,..)
auxquelles on peut appliquer différents transformations : rotations,
écrasement, mise à l'échelle. Les effets spéciaux
permettent une grande souplesse : extrusion, effet miroir,
dégradé de formes, morphage, etc.
Ce langage permet d'écrire des graphiques vectoriels
à deux dimensions 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. SVG semble plus
adapté aux contextes suivants : visualisation de contenus
(économiques, processus, cartes, etc.) au format XML, associée
à JavaScript plus 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.
b. Pourquoi SVG ?
Les raisons pouvant pousser à l'adoption d'un format comme
SVG sont nombreuses :
? 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 ;
« Mise en place d'un système de gestion de workflow
: Paramétrage, suivi et représentation graphique » | Page
96
· Facilités d'édition : les
éléments sont des objets, des hiérarchies, etc.
· Liées aux avantages particuliers du format SVG
:
· Insertion dans le monde XML/XHTML :
· 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.
· Possibilité de mélanger des grammaires
XML entre elles : un document HTML peut contenir des graphiques SVG, des
expressions mathématiques en Math ML, des présentations en
SMIL...
· Modèle de couleurs sophistiqué, filtres
graphiques (comme dans Photoshop) ;
· Possibilité de partager du code (format texte
non propriétaire) ;
· Meilleures capacités graphiques dans
l'ensemble
SVG n'est actuellement pas supporté en natif par tous
les navigateurs. Si le navigateur 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, le plugin SVG Viewer 3.03
| 
