Introduction à SVG créer des graphiques vectoriels

Créer des graphiques avec svg en html5

Ce que vous devez déjà savoir
Avant de poursuivre commencer à apprendre SVG, vous devriez avoir quelques notions de ce qui suit :
HTML
XML base
Si vous souhaitez étudier ces sujets tout d'abord, trouver les tutoriaux sur notre page d'accueil.

Qu'est-ce que SVG ?

SVG est l'acronyme de Scalable Vector Graphics
SVG est utilisé pour définir des graphiques vectoriels pour le Web
SVG définit le graphique au format XML
Les graphiques SVG ne perdent pas de qualité si elles sont zoomées ou redimensionnés
Chaque élément et chaque attribut dans les fichiers SVG peuvent être animés
SVG est une recommandation W3C
SVG s'intègre aux autres normes W3C tels que le DOM et le XSL

SVG est une recommandation W3C

SVG 1.0 est devenue une recommandation W3C le 4 septembre 2001.
SVG 1.1 est devenue une recommandation W3C le 14 janvier 2003.
SVG 1.1 (seconde édition) est devenue une recommandation W3C le 16 août 2011.

Avantages du SVG

Les avantages d'utiliser SVG sur d’autres formats d'image (type JPEG et GIF) sont :
Les images SVG peuvent être créés et modifiés avec n'importe quel éditeur de texte
Les images SVG peuvent être cherchées, indexées, scénarisées et compressées
Les images SVG peuvent être imprimées avec la qualité haute définition
Les images SVG sont zoomables (et l'image peut être agrandie sans dégradation de sa qualité)
SVG est un standard ouvert
Les fichiers SVG sont pure XML
Le principal concurrent de SVG est Flash.
Le plus grand avantage que SVG a sur Flash est le respect des normes (par exemple XSL et le DOM). Flash s'appuie sur une technologie brevetée qui n'est pas open source.

Affichage des fichiers SVG

Firefox, Internet Explorer 9, Google Chrome, Opera et Safari prennent en charge le SVG.
IE8 a besoin d'un plug-in qui est disponible gratuitement, comme Adobe SVG Viewer.

Création de fichiers SVG

Puisque SVG sont des fichiers XML, les images SVG peuvent être créés avec n'importe quel éditeur de texte, mais il est souvent plus pratique pour créer des images SVG d’utiliser un logiciel de dessin spécialisé en SVG, comme Inkscape.