Forum | Derniers tutoriels de développement web
 

SVG Tutorial


SVG signifie Scalable Vector Graphics.

SVG définit graphiques vectoriels au format XML.


Exemples dans chaque chapitre

Avec notre "Try it Yourself" éditeur, vous pouvez modifier le SVG, et cliquez sur un bouton pour voir le résultat.

SVG Exemple

<html>
<body>

<h1>My first SVG</h1>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

</body>
</html>
Essayez - le vous - même »

Qu'est-ce que vous devriez déjà savoir

Avant de continuer, vous devriez avoir une compréhension de base de ce qui suit:

  • HTML
  • XML Basic

Si vous voulez étudier ces sujets d' abord, trouver les tutoriels sur notre page d'accueil .


Qu'est-ce que SVG?

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

SVG est une recommandation du W3C

SVG 1.0 est devenu une recommandation du W3C, le 4 Septembre de 2001.

SVG 1.1 est devenu une recommandation du W3C le 14 Janvier de 2003.

SVG 1.1 (Second Edition) est devenu une recommandation du W3C , le 16 Août de 2011.


SVG Avantages

Avantages de l'utilisation SVG sur les autres formats d'image (JPEG ou GIF) sont:

  • Les images SVG peuvent être créés et édités avec un éditeur de texte
  • Les images SVG peuvent être recherchés, indexés, scriptés, et compressés
  • Les images SVG sont évolutives
  • Les images SVG peuvent être imprimés de haute qualité à une résolution
  • Les images SVG sont zoomable (and the image can be zoomed without degradation)
  • SVG est un standard ouvert
  • Les fichiers SVG sont XML pur

Le principal concurrent de SVG est de Flash.

Le plus grand avantage SVG a plus de Flash est le respect d'autres normes (eg XSL and the DOM) , (eg XSL and the DOM) . Flash repose sur une technologie brevetée qui ne sont pas open source.


Création SVG Images

Les images SVG peuvent être créés avec un éditeur de texte, mais il est souvent plus pratique de créer des images SVG avec un programme de dessin, comme Inkscape .