Introduction

Pourquoi SVG ?

Contexte:

Sites de plus en plus complexes donc temps de chargement plus long.

Il faut réduire la taille des fichiers.

Solution: utilisation de l'image vectorielle (si on veut créer une image bitmap de n’importe quelle taille et de bonne qualité le fichier sera lourd)

Définition:

SVG est un langage de description de graphiques 2D en XML

Norme graphique vectorielle basée sur XML définie par le consortium W3C.

Scalable = zoomable

Possibilité de zoomer avec la même qualité d’image exemple carte, .

Permet un grand nombre d'utilisateurs et un grand nombre d'utilisation.

Vectorial =

Différence image raster / image vectorielles

Environnement XML

Il est possible d'utiliser tous les outils XML (parser, outil de transformation, bases de données)

La conformité aux espaces de nommage permet de mélanger des grammaires XML entre elles (un document HTML peut contenir des graphiques SVG, des expressions mathématiques en MathML, des présentations en SMIL,...)

Idée SVG

Il permet 3 types d'objets graphiques:

• formes vectorielles
• images
• texte

Ils peuvent être

• groupés
• transformés
• composés dans d'autres objets
• recevoir des attributs de style
• interactifs et dynamiques

Domaine d'application

• création de sites internet
• illustrations techniques
• visualisation de données scientifiques
• multimédia et divertissement
• cartographie et SIG en ligne ainsi que leurs services
• les services localisés (LBS), SVG Mobile
• catalogue en ligne et E-commerce

Outils

Validation du code on-line

Viewers (Ok avec IE 5/6, NS 4.x et Mozilla <0.9.0)

Pensez à utiliser le menu à disposition (clic droit de la souris pour voir le source).

Editeurs:

Jasc WebDraw

XML Writer

Mayura Draw