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
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.