Premiers pas
Ce tutoriel vous aidera à débuter en SVG.

SVG (Scalable Vector Graphics) est un langage de balisage XML décrivant des images vectorielles bidimensionnelles. On pourrait dire que SVG est aux images ce qu'XHTML est au texte.

SVG est similaire à Flash, la technologie propriétaire d'Adobe, à la différence que SVG est une recommandation du W3C (c'est-à-dire un standard) et qu'il est basé sur XML et non sur un format binaire fermé. Il est explicitement conçu pour fonctionner avec d'autres standards du W3C comme CSS, DOM et SMIL.

SVG est un format d'images vectorielles. Les images vectorielles peuvent être redimensionnées sans perte de qualité, tandis que ce n'est pas possible avec des images matricielles (bitmap).

Documentation

Référence des éléments SVG
Obtenir des informations sur les éléments SVG.
Référence des attributs SVG
Obtenir des informations sur les attributs SVG.
Référence de l'interface DOM SVG
Les détails sur l'API DOM SVG.
SVG dans Firefox
Cet article décrit les caractéristiques et le comportement du sous-ensemble de la spécification SVG 1.1 actuellement implémenté dans Firefox 2.
SVG documentation tierce
Une référence francophone du format SVG sous forme de tutoriels.
SVG Authoring Guidelines (en anglais)
jwatt traite des erreurs les plus courantes commises dans le contenu SVG, et explique ce que les auteurs peuvent faire pour les corriger.
Projet SVG de Mozilla
Une présentation du projet SVG de Mozilla (à traduire de en:Mozilla SVG Project).
Mozilla SVG Project FAQ
Cette FAQ est le résultat de recherches au sein du groupe mozilla.dev.tech.svg et des forums de MozillaZine pour connaître les questions les plus souvent posées à propos de SVG dans Mozilla.
Autres ressources

Tous les articles…

Communauté

Outils

Animation et interaction

Comme HTML, SVG dispose d'un modèle de document (DOM) et d'évènements, et est accessible depuis JavaScript. Ceci permet aux développeurs de créer des animations riches et des images interactives.

Cartes, graphiques, jeux et expérimentations 3D

Si un petit peu de SVG peut faire beaucoup pour améliorer du contenu Web, voici des exemples d'utilisation plus lourde de SVG.

Interwiki Language Links

Étiquettes et contributeurs liés au document

Dernière mise à jour par : marie-ototoi,