Aller au contenu

Scalable Vector Graphics

Un article de Wikipédia, l'encyclopédie libre.
Ceci est une version archivée de cette page, en date du 7 mai 2005 à 12:46 et modifiée en dernier par Tarquin~frwiki (discuter | contributions). Elle peut contenir des erreurs, des inexactitudes ou des contenus vandalisés non présents dans la version actuelle.


Modèle:Ébauche informatique

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.

Exemple

Description de trois objets géométriques simples, un rectangle, un cercle, un triangle, dont deux 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 :

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

Librairies SVG

  • Apache Batik, API Java permettant de générer des documents SVG
  • librsvg est une librairie spécialisée SVG, en permettant la manipulation et la conversion en bitmap (en mémoire ou en fichier jpg/png.
  • KSVG librairie SVG du bureau KDE.
  • librairie 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, librairie PHP + exemple + doc permettant de faire des histogrammes (ligne, barre) SVG en PHP
  • http://www.openclipart.org/ Librairie de clip art au format SVG, libre de droits (projet initié par les créateurs d' Inkscape)

Visualisation/plugin SVG

É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 librairie 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

Ce document provient de « https://fr.wikipedia.org/w/index.php?title=Scalable_Vector_Graphics&oldid=1948683 ».