The feMergeNode takes the result of another filter to be processed by its parent <feMerge>.
Usage context
| Categories | None |
|---|---|
| Permitted content | Any number of the following elements, in any order:<animate>, <set> |
Example
<svg width="200" height="200" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"> <filter id="feOffset" x="-40" y="-20" width="100" height="200"> <feOffset in="SourceGraphic" dx="60" dy="60" /> <feGaussianBlur in="SourceGraphic" stdDeviation="5" /> <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);" /> <rect x="40" y="40" width="100" height="100" style= "stroke : #000000; fill: green; " /> </svg>
Attributes
Global attributes
Specific attributes
DOM Interface
This element implements the SVGFEMergeNodeElement interface.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Filter Effects Module Level 1 The definition of '<feMergeNode>' in that specification. |
Working Draft | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<feMergeNode>' in that specification. |
Recommendation | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | ? | 4.0 (2.0) | ? | 9.0 | ? |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? |
The chart is based on these sources.