<feMerge>
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.
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
<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
BCD tables only load in the browser