L'élément SVG <filter> sert de conteneur pour définir des opérations de filtre. Il n'est jamais affiché par lui-même, il est référencé en utilisant l'attribut filter sur un élément SVG ou via la propriété CSS filter.
Contexte d'utilisation
| Catégories | Aucune |
|---|---|
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre: Éléments descriptifs Éléments de primitive de filtre <animate>, <set> |
Attributs
Attributs globaux
Attributs spécifiques
Interface DOM
Cet élément implémente l'interface SVGFilterElement.
Exemple
SVG
<svg width="230" height="120"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<filter id="blurMe">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
<circle cx="60" cy="60" r="50" fill="green" />
<circle cx="170" cy="60" r="50" fill="green"
filter="url(#blurMe)" />
</svg>Résultat
| Screenshot | Live sample |
|---|---|
 |
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| Filter Effects Module Level 1 La définition de '<filter>' dans cette spécification. |
Version de travail | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<filter>' 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.