Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.
Le format SVG peut être utilisé en tant qu'image dans de nombreux contextes. Beaucoup de navigateurs supportent les images au format SVG dans :
- les balises HTML
<img>ou<svg> - l'attribut CSS
background-image
Contexte spécifique à Gecko
additionnellement, Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) supporte l'usage du format SVG dans ces contextes:
- l'attribut CSS
list-style-image - l'élément SVG
<image> - l'élément SVG
<feImage> - la fonction Canvas
drawImage
Restrictions
Pour plusieurs raisons, Gecko fixe quelques restrictions sur le format SVG lorsqu'il est utilisé en tant qu'image :
- JavaScript est désactivé.
- Les ressources externes (p. ex. images, stylesheets) ne peuvent pas être chargées, cependant elles peuvent être utilisées en étant déclaré à travers des objets URLs BlobBuilder (déprécié) ou des données: URIs.
- Les liens stylistiques
:visitedne sont pas interprété. - Les widgets stylistiques natifs aux plateformes (basés sur le thème de l'OS) sont désactivés.
A noter que les restrictions précédentes sont spécifiques à l'usage de SVG en tant qu'image; elles ne s'appliquent pas lorsque le contenu SVG est vu directement, ou lorsque il est embarqué en tant que document via les éléments <iframe>, <object>, ou <embed>
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
dans l'élément HTML <img> |
4 | Unknown (4) | 9 | 9.0 | 4 |
| dans le background CSS | 4 | Unknown (4) | 9 | 9.5 | 5 |
| dans les autres contextes | ? | Unknown (4) | ? | ? | ? |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
dans l'élément HTML <img> |
3.0 | 4.0 (4) | ? | 10.0 | 4.0 |
| dans le background CSS | 3.0 | 4.0 (4) | ? | 10.0 | 3.2 (Partially supported) |
| dans les autres contextes | ? | 4.0 (4) | ? | ? | ? |
Les données de compatibilités proviennent de caniuse.com
Spécifications
- HTML 5, Section 4.7.1: The img element (anglais)
- CSS Backgrounds and Borders Module Level 3, Section 3.3: The 'background-image' property (anglais)
- Inline SVG in HTML and XHTML (anglais)