Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

<image>

Baseline Widely available *

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.

L'élément Image SVG (<image>) permet d'inclure une image matricielle dans un document SVG.

Contexte d'Utilisation

CatégoriesÉlément graphique, Elément en rapport avec les graphismes, Élément pouvant être rendu
Contenu autoriséTout élément de cette liste, quel qu'en soit l'ordre :
Éléments d'animation
Éléments descriptifs
<animate>, <animateMotion>, <animateTransform>, <discard>, <script>, <set>, <style>

Exemple

Rendu basique d'une image PNG dans un objet SVG :

html
<svg
  width="100%"
  height="100%"
  viewBox="0 0 100 100"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <image
    xlink:href="/files/2917/fxlogo.png"
    x="0"
    y="0"
    height="100"
    width="100" />
</svg>

Attributs

Attributs globaux

Attributs spécifiques

Interface DOM

Cet élément implémente l'interface SVGImageElement.

Compatibilité des navigateurs