<filter>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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
html
<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
Spécifications
Specification |
---|
Filter Effects Module Level 1 # FilterElement |
Compatibilité des navigateurs
BCD tables only load in the browser