Docs4dev
Docs
dom / latest / svgfeblendelement.html

SVGFEBlendElement

The SVGFEBlendElement interface corresponds to the <feBlend> element.

EventTarget Node Element SVGElement SVGFEBlendElement

Constants

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.

Instance properties

This interface also inherits properties from its parent interface, SVGElement.

SVGFEBlendElement.height Read only

An SVGAnimatedLength corresponding to the height attribute of the given element.

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.

SVGFEBlendElement.result Read only

An SVGAnimatedString corresponding to the result attribute of the given element.

SVGFEBlendElement.width Read only

An SVGAnimatedLength corresponding to the width attribute of the given element.

SVGFEBlendElement.x Read only

An SVGAnimatedLength corresponding to the x attribute of the given element.

SVGFEBlendElement.y Read only

An SVGAnimatedLength corresponding to the y attribute of the given element.

Instance methods

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

Specifications

Specification
Filter Effects Module Level 1
# InterfaceSVGFEBlendElement

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
SVGFEBlendElement 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
height 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
in1 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
in2 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
mode 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
result 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
width 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
x 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0
y 5 12 3 10 ≤12.1 6 4.4 18 4 ≤12.1 6 1.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGFEBlendElement