<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> (en-US) |
Attributs
Attributs globaux
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGFEImageElement (en-US).
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 (en-US) et déprécie xlink:href (en-US). Ajoute l'attribut crossorigin (en-US). |
| 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.
Voir aussi
<filter><animate><animateTransform>- <set> (en-US)
<feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feFlood><feGaussianBlur><feMerge><feMorphology><feOffset><feSpecularLighting><feTile><feTurbulence>- Tutoriel SVG: Les filtres