Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
<filter>
Baseline Widely available *
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
L'élémentSVG<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'attributfilter sur un élément SVG ou via la propriétéCSSfilter.
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'interfaceSVGFilterElement.
Exemple
SVG
html
<svg width="230" height="120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <filter> <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 |