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 de base
- Attributs de présentation
- Attributs de primitives de filtre
- Attributs XLink
classstyleexternalResourcesRequired
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
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.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Support simple | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet Oui | Opera Support complet 9 | Safari ? | WebView Android ? | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet Oui | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
href | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet Oui | IE Support complet Oui | Opera Support complet Oui | Safari ? | WebView Android ? | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet Oui | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
preserveAspectRatio | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
xlink:href | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet Oui | Opera Support complet 9 | Safari ? | WebView Android ? | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet Oui | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Légende
- Support complet
- Support complet
- Compatibilité inconnue
- Compatibilité inconnue
- Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
- Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.