The SVGFEBlendElement interface corresponds to the <feBlend> element.


Name Value Description
SVG_FEBLEND_MODE_UNKNOWN 0 The type is not one of predefined types. It is invalid to attempt to define a new value of this type or to attempt to switch an existing value to this type.
SVG_FEBLEND_MODE_NORMAL 1 Corresponds to the value normal.
SVG_FEBLEND_MODE_MULTIPLY 2 Corresponds to the value multiply.
SVG_FEBLEND_MODE_SCREEN 3 Corresponds to the value screen.
SVG_FEBLEND_MODE_DARKEN 4 Corresponds to the value darken.
SVG_FEBLEND_MODE_LIGHTEN 5 Corresponds to the value lighten.


This interface also inherits properties from its parent interface, SVGElement, and implements properties of SVGFilterPrimitiveStandardAttributes.

SVGFEBlendElement.in1 Read only
An SVGAnimatedString corresponding to the in attribute of the given element.
SVGFEBlendElement.in2 Read only
An SVGAnimatedString corresponding to the in2 attribute of the given element.
SVGFEBlendElement.mode Read only
An SVGAnimatedEnumeration corresponding to the mode attribute of the given element. It takes one of the SVG_FEBLEND_MODE_* constants defined on this interface.


This interface does not provide any specific methods, but implements those of its parent, SVGElement, and implements methods of SVGFilterPrimitiveStandardAttributes.


Specification Status Comment
Filter Effects Module Level 1
The definition of 'SVGFEBlendElement' in that specification.
Working Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'SVGFEBlendElement' in that specification.
Recommendation Initial definition

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
SVGFEBlendElementChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support YesOpera Full support YesSafari ? WebView Android Full support YesChrome Android Full support YesEdge Mobile ? Firefox Android ? Opera Android Full support YesSafari iOS ? Samsung Internet Android ?


Full support  
Full support
Compatibility unknown  
Compatibility unknown

See also

Document Tags and Contributors

Contributors to this page: mdnwebdocs-bot, fscholz, Sebastianz
Last updated by: mdnwebdocs-bot,