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.
Fonctionnalités prenant en charge SVG
Les navigateurs prennent en charge les images SVG dans :
- les éléments HTML
<img>ou<svg> - la propriété CSS
background-image - la propriété CSS
list-style-image - la propriété CSS
content - l'élément SVG
<image> - l'élément SVG
<feImage> - Canvas
drawImage
Restrictions
Pour des raisons de sécurité, certains navigateurs appliquent des restrictions au contenu SVG lorsqu'il est utilisé en tant qu'image. Plus précisément, les limitations suivantes peuvent s'appliquer :
- JavaScript est désactivé.
- Les ressources externes (par exemple images, feuilles de style) ne peuvent pas être chargées, mais elles peuvent être utilisées si elles sont intégrées via des URL
data:. - Les styles de liens
:visitedne sont pas rendus. - La mise en forme des widgets natifs à la plateforme (basée sur le thème du système d'exploitation) est désactivée.
Notez que les restrictions ci-dessus sont spécifiques au contexte d'image ; elles ne s'appliquent pas lorsque le contenu SVG est affiché directement, ou lorsqu'il est embarqué en tant que document via les éléments <iframe>, <object> ou <embed>.
Spécifications
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # the-background-image |