Guides SVG

Cette page liste les guides pour SVG, couvrant des sujets comme l'intégration, les types MIME (médias), la gestion des scripts, les animations, les filtres, et plus encore.

Animation SVG avec SMIL

Synchronized Multimedia Integration Language ^(angl.) (SMIL) est un langage basé sur XML pour écrire des présentations multimédias interactives. Les auteur·ice·s peuvent utiliser la syntaxe SMIL dans d'autres langages basés sur XML pour définir le minutage et la disposition des éléments pour l'animation.

Application d'effets SVG à du contenu HTML

Les navigateurs modernes supportent le format SVG utilisant du CSS pour appliquer des effets graphiques au contenu HTML.

Cours accéléré sur les espaces de noms

En tant que dialecte de XML, SVG utilise des espaces de noms. Il est important de comprendre le concept d'espaces de noms et leur utilisation si vous souhaitez créer du contenu SVG. Les espaces de noms sont essentiels pour les agents utilisateur qui prennent en charge plusieurs dialectes XML ; les navigateurs doivent être très stricts. Prendre le temps de comprendre les espaces de noms maintenant vous évitera bien des soucis à l'avenir.

Filtres SVG

SVG permet d'utiliser des outils similaires à ceux du langage de description bitmap, comme l'utilisation d'ombres, d'effets de flou ou même la fusion des résultats de différents filtres. Avec l'élément <filter>, il est possible d'ajouter ces effets puis de les attacher à un objet.

Introduire du SVG dans HTML

Cet article et son exemple associé montrent comment utiliser du SVG en ligne.

Liens

L'attribut target sur l'élément SVG a ne fonctionne pas dans Mozilla Firefox 1.5. Lorsque des documents SVG sont intégrés dans un document HTML parent à l'aide de la balise :

Scripts

Il existe plusieurs façons de créer et de manipuler du SVG avec JavaScript. Ce document décrit la gestion des évènements, l'interactivité et le travail avec du contenu SVG intégré.

SVG en tant qu'image

Vous pouvez utiliser SVG comme format d'image dans HTML, CSS, certains éléments SVG et via l'API Canvas. Cette page liste les fonctionnalités où vous pouvez fournir du SVG comme source d'image.

Type de données

SVG utilise plusieurs types de données. Cet article les liste avec leur syntaxe et une description de leur usage.