Scalable Vector Graphics

Un article de Wikipédia, l'encyclopédie libre.

Scalable Vector Graphics
Extension de fichier :	`.svg`
Type MIME :	`image/svg+xml`
Développé par :	World Wide Web Consortium
Type de format :	format d?image vectorielle
Extension du :	XML
Spécification :	Format ouvert

Différence entre les images matricielles et vectorielles.
Les images vectorielles peuvent être agrandies à l?infini.

Scalable Vector Graphics (SVG) est un format de données conçu pour décrire des ensembles de graphiques vectoriels et basé sur XML. Ce format est spécifié par le World Wide Web Consortium.

[] SVG : le dessin et les cartes

Le SVG est très utilisé dans le monde de la cartographie et du téléphone portable.

[] Caractéristiques

Les coordonnées, dimensions et structures des objets vectoriels sont indiquées sous forme numérique dans le document XML. Un système spécifique de style (CSS ou XSL) permet d?indiquer les couleurs et les polices de caractères à utiliser.

Manipulation d?image SVG avec Inkscape.

Ce format gère quelques formes géométriques de base (rectangles, ellipses, etc.), mais aussi des chemins ((en)paths), qui utilisent les courbes de Bézier et permettent ainsi d?obtenir presque n?importe quelle forme. Le remplissage peut se faire à l?aide de dégradés ((en)gradients) de couleurs de motifs (pattern) qui sont des objets SVG quelconques, ou de filtres (appelés (en)shaders en imagerie 3D). On peut également appliquer des motifs le long des chemins ((en)markers) et utiliser les fonctions de remplissage. Le canal alpha, pour la transparence, est géré à tous les niveaux.

Comme dans tout document XML, les objets sont organisés sous forme d?arbre. Le format permet l?intégration d?animations, ou la manipulation des objets graphiques par programmation, notamment grâce à des scripts qui peuvent être intégrés dans le SVG.

Un des intérêts majeurs de SVG est qu?il peut être inclus dans d?autres documents XML, comme par exemple des documents XHTML ou des documents XML devant être traités par XSL-FO. Respectant la norme XML, une image SVG peut également être manipulée par l?intermédiaire du modèle Document Object Model (DOM).

SVG peut être visualisé nativement avec des navigateurs web modernes ou à l?aide d?un plug-in pour d?autres.

Certains environnements graphiques l?utilisent pour la gestion et l?affichage d?icônes, et d?interface, comme X.org, GNOME, KDE ou certains téléphones portables.

Des logiciels graphiques permettent de facilement chaque forme, par exemple en déplaçant des points, ou en changeant la couleur des traits, ? Il en est de même pour le texte qui peut être modifié sans toucher aux formes, ce qui facilite grandement la modification de schémas.

[] dessin Simple

Trois objets rectangulaires

<?xml version="1.0" encoding="utf-8"?>
<svg
   xmlns="http://www.w3.org/2000/svg" 
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:ev="http://www.w3.org/2001/xml-events"
   version="1.1"
   baseProfile="full"
   x="0"
   y="0"
   width="300"
   height="200"
   id="svg2">
  <title>Rectangles</title>
  <defs
     id="defs4" />
  <g
     id="layer1">
    <rect
       width="300"
       height="120"
       x="0"
       y="20"
       fill="green"
       id="rect1306" />
    <rect
       width="80"
       height="150"
       x="20"
       y="30"
       fill="red"
       id="rect1308" />
    <rect
       width="140"
       height="80"
       x="50"
       y="50"
       fill="blue"
       id="rect1310" />
  </g>
</svg>

L?affichage graphique du code ci-contre donne ce résultat :

On distingue nettement les trois rectangles, le vert de dimensions 300×120 pixels,
le rouge (80×150) et le bleu (140×80).

[] dessin Complexe

Voici un autre exemple beaucoup plus compliqué en SVG, montrant les différentes plaques tectoniques de la Terre :

[] les cartes

Wikimedia Commons propose des documents multimédia libres sur des exemples en SVG.

[] implémentation du SVG

Le support du SVG est possible a différents niveau: plug in dans navigateur (ie safari), au niveau applicatif ( navigateur ou logiciel d'édition SVG ), au niveau de l'os ( KDE ) ou du "matériel" ( téléphone)

[] logiciel d'édition

tous les editeurs visuel peuvent parfois être fourni avec un éditeur en mode texte. Parfois le mode texte supporte la complétion et la coloration syntaxique pour aider a écrire du SVG

[] mode textuel xml

Spket IDE (gratuit pour une utilisation non commerciale) supporte javascript ( coloration) et le SVG . Existe sous forme de plugin ou non pour Eclipse .
XMLSpy (gratuite ou commercial) sous window
oXygen (commercial) supporte XSLT et le rendu SVG

[] mode graphique

Inkscape et ses 2 ancêtres ; Sodipodi et Gill (logiciel libre) supporte complétement SVG comme illustrator et corelDraw
Karbon14 (logiciel libre)
Illustrator
CorelDraw import création export edition
Inkscape, un logiciel libre de dessin vectoriel spécialisé SVG ((en)fork de Sodipodi).
skencil (anciennement Sketch), est un éditeur vectoriel permettant l?import/export SVG.
The GIMP Logiciel libre de dessin et animation orienté bitmap, gérant l?import et l?export des paths au format SVG, et la transformation d?images au format SVG, vers un bitmap grâce à la bibliothèque librsvg
Imagemagick permet la manipulation et la conversion de fichiers SVG par scripts, en ligne de commande et dans de nombreux langages.
FontForge logiciel libre d?édition de fontes, permet d?importer/exporter les fontes SVG ainsi que les chemins SVG pour créer des fontes dans différents formats.
OpenOffice.org Draw , logiciel libre de dessin vectoriel, gère le format SVG dans sa version 2.3 (exportation uniquement).
Gournal [1] et Notelab [2] 2 logiciels libres de prises de notes (au stylet ou à la souris et au clavier) utilisent le format SVG comme format de sauvegarde.
Scribus import SVG

[] Éditeurs incluant des graphiques SVG

Scribus : logiciel libre de mise en page permet d?insérer et de manipuler des illustrations au format SVG.
Dia : logiciel libre d?édition de diagrammes utilise des objets au format SVG et permet l?export des diagrammes au format SVG.
MediaWiki : logiciel libre de documentation collaboratif (notamment utilisé par Wikipédia) accepte les illustrations au format SVG, comme on peut le voir sur cette page.

[] OS supportant SVG

environnements graphiques utilisent le format SVG : X.Org, GNOME, KDE, ainsi que de nombreux téléphones cellulaires tels que les Sony/Ericsson.

[] les navigateurs SVG

Le rendu SVG est supporté nativement par les navigateurs web ou par ajout d'un plugin s'occupant de la gestion du rendu a lintérieur d'une balise html de nom object

[] support natif du SVG

Les principaux navigateurs/aggrégateurs supportant le rendu SVG utilisent des moteurs de rendu SVG provenant du monde libre sauf opera

Opera supporte nativement le SVG tiny 1.1 depuis la version 8 . tandis que la version 9 commence a supporté le SVG 1.1 Basic et une partie du SVG 1.1 full. LA version 9.5 alpha supporte partiellement le SVG tiny 1.2
Le moteur Gecko ( Firefox et Seamonkey, Flock, Liferea)

ont depuis 2005 tous un support incomplet des spécification SVG 1.1 Full. Le site Mozilla informe sur les modules SVG supporté et en cours d'implémentation pour Firefox. La version du moteur Gecko 1.9 présent dans le version 3.0 de Firefox 3.0 implémente plus de fonctionnalités que celle demandé par SVG.

(such as Apple's Safari and The Omni Group's OmniWeb) have incomplete support for the SVG 1.1 Full specification since 2006.[17] This includes Safari 3.0 and later (included with Mac OS X v10.5 and Mac OS X v10.4.11). However, Mobile Safari for iPhone OS 2.0 does not support SVG.

le moteur KHTML/WebKit( Konqueror, Safari ,ABrowse) supporte depuis 2006 partiellement le SVG 1.1 Full. Les versions safari concernés sur mac est la version 3.0. Lea version iphone ne supporte pas le SVG .

[] support SVG par plug in

Les plug in pour SVG ne sont plus maintenus actuellement du moins pour le navigateur ie . Seule reste maintenu le plug in KSVG .

Adobe proposait un plug in gratuit implémentant la norme 1.0/1.1/. Le support pour se plug in se terminera le 2 janvier 2009. Adobe ayant acquis la technologie concurrente Flash de macromédia.

Ce plugin fonctionnait alors pour plusieurs plateforme ( ie de window, safari sur power pc )

Renesis Player propose un support pour window ( ie) implémentant une partie de javascript et le full SVG 1.2 . Le support partiel pose des problèmes de rendu et d'interactivité ( évènement claviers).
Corel a mis fin au développement de son SVG Viewer plugin pour ie
Le consortium SVG Map a mis a disposition le 6 septembre 2007 un plug in encore en développement pour ie.
KSVG est un plugin développer par KDE pour le navigatuer Konqueror ( linux). la version 2 du moteur de rendu KSVG appelé KSVG2 doit être incorporé au niveau de KDE et non plus du navigateur.

[] support mobile

L'implémentation du rendu SVG pour les périphériques mobiles ( pda, téléphones portable) sont faites de facon native ( Ikivo , Bitflash Adobe), ou par logiciel de navigation ( navigateur java Sun , Opera Mini et iPhone Safari )

La norme supporté par ces périphériques dependnent du fabriquant de téléphone et de la version installé. LA plupart des versions supportés supporte la norme SVG Tiny 1.1 et parfois 1.1+ avec le support de module annexe( gradient and opacité)

nokia supporte le rendu SVG en interne pour ses plateforme des nokia S60 ou e ns'appuyant sur java et les normes JSR 226,Java ME pour la plateforme des S60 ( 3eme edition Pack 1 ). D'autre série comme le 6280 supporte aussi le SVG

La plupart des téléphone Sony Ericsson phones commence a supporté le SVG tiny 1.1 comme le K700 et le 1.1+ comme le K750

Les périphériques supportant la plateforme java ME et la norme JSR 226 supporte aussi un rendu SVG 1.1+

SVG est aussi supporté par des modèles fabriqués par Motorola, Samsung, LG ou Siemens.

[] Références

[] Liens externes

Cet article ou cette section doit être recyclé.

Une réorganisation et une clarification du contenu est nécessaire. Discutez des points à améliorer en page de discussion.

Graphisme
Image vectorielle
VML
Format ouvert
La page francophone du format SVG
Portail francophone de la communauté SVG
(en) La page SVG du site W3C et la liste des fonctions
(en) SVG.org Un site d?information sur le format SVG et ses applications. Notamment les mobiles.
(en) La page SVG de Mozilla
(en) La page SVG de Opera
(en) Un jeu de cartes à jouer très détaillé entièrement en SVG
(fr) Dessin vectoriel : le format SVG sur Générationcyb.net
(en) Modèle gravitationnel : Un très bel exemple d?interactivité en svg avec du javascript (site partisan du créationnisme)

[] SVG pour le développeur

[] Bibliothèques SVG

(en) Apache Batik, API Java permettant de générer des documents SVG
(en) librsvg est une bibliothèque spécialisée SVG, en permettant la manipulation et la conversion en bitmap (en mémoire ou en fichier JPEG ou PNG). Elle est notamment utilisée sur les serveurs de Wikimedia pour convertir les SVG vers les PNG, à la volée, pour permettre l?affichage sur les navigateurs qui ne supportent pas le SVG nativement.
(en) Cairo pour l?accélération matérielle du rendu, comme un des 2 moteurs SVG de Mozilla pour linux.
(en) module Perl SVG
(en) svgGraph, bibliothèque PHP + exemple + doc permettant de faire des histogrammes (ligne, barre) SVG en PHP
(en) http://www.openclipart.org/ Bibliothèque de clip art au format SVG, libre de droits (projet initié par les créateurs d?Inkscape)
OFC Charts est une bibliothèque Java open source permettant de créer courbes, histogrammes, camemberts, etc. au format SVG statique ou animé.
(en) http://wxsvg.sourceforge.net/ Renderer SVG en C++/DOM dont les classes C++ sont générées à partir du standard W3C (IDL+DTD). Peut etre utilisé comme gadget wxWidgets. Permet la construction de GUI.
(en) Vector Magic, site gratuit de vectorisation d?image conservant les couleurs.

librsvg bibliothèque libre SVG, contient un visualiseur et un plugin Mozilla/Firefox ainsi que Konqueror et de nombreux autres outils libres, depuis sa version 2.8.0 (supporte les chemins, dégradés, les marques ansi que les filtres).

[] Générateurs de SVG

Gnumeric (logiciel libre), tableur générant des graphes au format SVG.
Graphviz (logiciel libre), générateur automatique de graphiques avec sortie SVG
Gnuplot (logiciel libre), traceur de fonctions (2D et 3D) scientifique, gérant la sortie au format SVG
Ploticus [3] (logiciel libre), générateur de graphs, gérant le format SVG et les imagesmaps.

Il existe également de nombreux systèmes d?information géographiques (SIG) générant des cartes au format SVG.

Portail de l?informatique

Le Texte ci-dessus est disponible sous GNU Free Documentation License.
La source est wikipedia http://fr.wikipedia.org/wiki/Scalable Vector Graphics

Scalable_Vector_Graphics