SVGFEBlendElement

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.

TheSVGFEBlendElement interface corresponds to the<feBlend> element.

Instance properties

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

SVGFEBlendElement.heightRead only: AnSVGAnimatedLength corresponding to theheight attribute of the given element.
SVGFEBlendElement.in1Read only: AnSVGAnimatedString corresponding to thein attribute of the given element.
SVGFEBlendElement.in2Read only: AnSVGAnimatedString corresponding to thein2 attribute of the given element.
SVGFEBlendElement.modeRead only: AnSVGAnimatedEnumeration corresponding to themode attribute of the given element. It takes one of theSVG_FEBLEND_MODE_* constants defined on this interface.
SVGFEBlendElement.resultRead only: AnSVGAnimatedString corresponding to theresult attribute of the given element.
SVGFEBlendElement.widthRead only: AnSVGAnimatedLength corresponding to thewidth attribute of the given element.
SVGFEBlendElement.xRead only: AnSVGAnimatedLength corresponding to thex attribute of the given element.
SVGFEBlendElement.yRead only: AnSVGAnimatedLength corresponding to they attribute of the given element.

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

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 valuenormal.
SVG_FEBLEND_MODE_MULTIPLY (2): Corresponds to the valuemultiply.
SVG_FEBLEND_MODE_SCREEN (3): Corresponds to the valuescreen.
SVG_FEBLEND_MODE_DARKEN (4): Corresponds to the valuedarken.
SVG_FEBLEND_MODE_LIGHTEN (5): Corresponds to the valuelighten.