<feImage>

La primitive de filtre SVG <feImage> extrait les données d'une image d'une source externe et retourne les pixels récupérés en sortie (autrement dit, si l'image récupérée est une image SVG, elle sortira comme raster)

Contexte d'utilisation

CatégoriesÉlément de filtre
Contenu autoriséTout élément de cette liste, quel qu'en soit l'ordre:
<animate>, <animateTransform>, <set>

Attributs

Attributs globaux

Attributs spécifiques

Interface DOM

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

Exemple

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <filter id="image">
      <feImage xlink:href="/files/6457/mdn_logo_only_color.png"/>
    </filter>
  </defs>

  <rect x="10%" y="10%" width="80%" height="80%"
      style="filter:url(#image);"/>
</svg>

Spécifications

Spécification Statut Commentaire
Filter Effects Module Level 1
La définition de '<feImage>' dans cette spécification.
Version de travail Ajoute l'attribut href et déprécie xlink:href. Ajoute l'attribut crossorigin.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
La définition de '<feImage>' dans cette spécification.
Recommendation Définition initiale

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi