Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. SVG
  3. Tutoriels
  4. Le SVG de zéro
  5. SVG: Elément image

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 EnglishAlways switch to English

SVG: Elément image

L'élément SVG<image> permet d'afficher des images pixélisées au sein d'un objet SVG.

Dans cet exemple basique, une image JPG liée par l'attributxlink:href sera rendue à l'intérieur d'un objet SVG.

xml
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="5cm" height="4cm" version="1.1"     xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">  <image xlink:href="firefox.jpg" x="0" y="0" height="50px" width="50px"/></svg>

Il faut prendre note de quelques point essentiels (donnés par lesspécifications W3):

  • Si les attributs x ou y ne sont pas spécifiés, ils vaudront 0.
  • Si les attributs height ou width ne sont pas spécifiés, ils vaudront 0.
  • Si l'attribut height ou l'attribut width est initialisé à 0, cela désactivera l'affichage de l'image.

[8]ページ先頭

©2009-2026 Movatter.jp