Scalable Vector Graphics
| Image manquante Symbole-ordinateur.png | Cet article est une ébauche concernant l'informatique, vous pouvez partager vos connaissances en le modifiant. |
Scalable Vector Graphics (SVG) est une spécification du W3C. SVG est un format basé sur XML permettant de décrire des ensembles graphiques vectoriels. Les coordonnées, dimensions et structures des objets vectoriels sont indiqués sous forme numérique dans le document XML. Un système spécifique de style (CSS) permet d'indiquer les couleurs et les polices d'écriture à utiliser.
Ce format gère quelques formes géométriques de base (rectangles, ellipses), mais aussi des chemins (paths), qui utilisent les courbes de Bézier qui permettent d'obtenir n'importe quelle forme. Le remplissage peut se faire à l'aide de dégradés (en anglais gradients) de couleurs de motifs (pattern) qui sont des objets SVG quelconques, ou de filtres (appelés shaders en imagerie 3D). On peut également appliquer des motifs le long des chemins (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 gérés sous forme de hiérarchie, et le format permet l'intégration d'animations, ou sa manipulation 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. Une image SVG peut également être manipulée avec Javascript.
SVG peut être visualisé nativement avec certains navigateurs web, comme Mozilla (fonctionnalité en développement et non intégrée aux versions officielles), ou à l'aide d'un plug-in pour d'autres. Certaines interfaces 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.
| Sommaire |
Exemple
Description de trois objets géométriques simples, un rectangle, un cercle, un triangle, dont les deux derniers appartiennent à un groupe nommé « contenu » :
<?xml version="1.0" encoding="iso-8859-1"?>
<svg viewBox="0 0 60 30">
<rect id="contenant"
x="5" y="7" width="5" height="15"
style="fill:#ddddff; stroke:blue"/>
<g id="contenu" style="stroke:#888888">
<circle id="disque"
cx="13" cy="14" r="1"
style="fill:red; stroke-width:0.1"/>
<path id="triangle"
d="M23 11l4 7 -8 0z"
style="fill:green; stroke-width:0.5"/>
</g>
</svg>
copie d'écran du résultat :
Image manquante
Exemple.png
Image:Exemple.png
'Il faudrait permettre ici la visualisation de l'exemple en question au format SVG'
Liens externes, logiciels permettant de lire, d'afficher, de générer des documents SVG
Bibliothèques SVG
- Apache Batik, API Java permettant de générer des documents SVG
- librsvg est une bibliothèque spécialisée SVG, en permettant la manipulation et la conversion en bitmap (en mémoire ou en fichier jpg/png.
- KSVG bibliothèque SVG du bureau KDE.
- bibliothèque xsvg utilisée par le projet X.org, utilisant Cairo pour l'acceleration matérielle du rendu, comme un des 2 moteurs SVG de Mozilla pour linux.
- module Perl SVG
- svgGraph, bibliothèque PHP + exemple + doc permettant de faire des histogrammes (ligne, barre) SVG en PHP
- http://www.openclipart.org/ Bibliothèque de clip art au format SVG, libre de droits (projet initié par les créateurs d' Inkscape)
Visualisation/plugin SVG
- librsvg bibliothèque SVG, contient un visualiseur et un plugin Mozilla/Firefox SVG depuis la 2.8.0 (supporte les path, gradients, markers, filters).
- KSVG KSVG est conçu pour être un plugin SVG pour le navigateur web Konqueror.
- Adobe SVG Viewer, visualiseur SVG, notamment comme plugin HTML
- Corel SVG Viewer, un autre visualiseur SVG (en anglais)
- Projet Mozilla navigateur Web, incluant l'affichage SVG (relativement limité). On peut y inclure le plugin de la librsvg.
- Opera navigateur Web, la version 8 inclue l'affichage SVG en sa version 1.1 Tiny sans plugin.
Édition SVG
- Inkscape, un logiciel libre de dessin vectoriel spécialisé SVG.
- Sodipodi, un logiciel libre de dessin vectoriel
- skencil (anciennement Sketch), est un éditeur vectoriel permettant l'import/export SVG.
- The GIMP Logiciel 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
- OpenOffice.org Draw, le module Draw de la suite OpenOffice.org permet l'exportation de graphiques au format SVG.
- Karbon 14, l'éditeur vectoriel de la suite KOffice supporte le format SVG.
- Scribus est un logiciel de PAO supportant le format SVG.
- Passepartout est un logiciel de PAO supportant le format SVG.
- Imagemagick permet la manipulation et la conversion de fichiers svg par scripts, en ligne de commande et dans de nombreux langages, ...
- Logiciel de dessin et d'animation de la SARL Orvinfait, Logiciel en ligne de création de SVG en français permettant de créer et d'animer des dessins, des textes et des images. Les formes des dessins peuvent être facilement créées et transformées grâce aux points de construction. Les positions de ces derniers peuvent être changées avec la souris. Grâce aux filtres, il est possible de donner des effets 3D aux textes, dessins et images.
- Amaya logiciel libre d'édition de contenus Web. Permet l'édition de fichiers SVG.
Environnement graphique utilisant le format SVG
- GNOME L'environnement graphique GNOME, gère les icônes et les dessins au format SVG, c'est pour ce bureau que la librsvg à été conçue à la base.
- X.Org L'environnement X11 libre X.org permet l'utilisation du format SVG, et l'accélération matérielle partielle des tracés SVG.
- KDE L'environnement graphique KDE permet également l'utilisation du format SVG
Voir aussi
- La page SVG du site W3C
- SVG.org Un site d'information sur le format SVG et ses applications (blog + wiki bloqué).
- La page SVG de Mozilla (en anglais)
- Tuerlersee (exemple d'application pour la manipulation d'une carte)
- Un exemple d'éditeur SVG
- SVGfr Portail francophone de la communauté SVG
