The feBlend
filter composes two objects together ruled by a certain blending mode. This is similar to what is known from image editing software when blending two layers. The mode is defined by the mode
attribute.
Usage context
Categories | Filter primitive element |
---|---|
Permitted content | Any number of the following elements, in any order:<animate> , <set> |
Example
Attributes
Global attributes
Specific attributes
DOM Interface
This element implements the SVGFEBlendElement
interface.
Specifications
Specification | Status | Comment |
---|---|---|
Filter Effects Module Level 1 The definition of '<feBlend>' in that specification. |
Working Draft | |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<feBlend>' 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.