<feMerge>
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.
La primitive de filtre SVG <feMerge> permet d'empiler les résultats de différentes opérations de filtre les uns par dessus les autres. La liste des images à empiler est définit par une liste d'élément <feMergeNode> à l'intérieur de la balise. Pour y parvenir, stocker au préalable les résultats des filtres voulus dans un buffer temporaire grâce à l'attribut result.
Contexte d'utilisation
| Catégories | Élément de primitive de filtre |
|---|---|
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre :<feMergeNode> |
Exemple
SVG
html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<filter id="feOffset" x="-40" y="-20" width="100" height="200">
<feOffset in="SourceGraphic" dx="60" dy="60" />
<feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur2" />
<feMerge>
<feMergeNode in="blur2" />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<rect
x="40"
y="40"
width="100"
height="100"
style="stroke: #000000; fill: green; filter: url(#feOffset);" />
</svg>
Résultat
Attributs
Attributs globaux
Attributs spécifiques
Aucun.
Interface DOM
Cet élément implémente l'interface SVGFEMergeElement.
Spécifications
| Specification |
|---|
| Filter Effects Module Level 1 # feMergeElement |
Compatibilité des navigateurs
Chargement…