Le format SVG peut être utilisé en tant qu'image dans de nombreux contextes. Beaucoup de navigateurs supportent les images au format SVG dans :

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:

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 :visited  ne 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>

Spécifications

Specification Status Comment
HTML5
La définition de 'SVG within <img> element' dans cette spécification.
Recommendation Définit l'usage de SVG dans les éléments <img>.
CSS Backgrounds and Borders Module Level 3
La définition de 'SVG within 'background-image' CSS property' dans cette spécification.
Candidat au statut de recommandation Définit l'usage de SVG dans la propriété background-image.

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

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

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : a-mt, Barbrousse
Dernière mise à jour par : a-mt,