ContextQMD
Back to Content

SVGFEBlendElement

files/en-us/web/api/svgfeblendelement/index.md

latest2.5 KB
Original Source

{{APIRef("SVG")}}

The SVGFEBlendElement interface corresponds to the {{SVGElement("feBlend")}} element.

{{InheritanceDiagram}}

Instance properties

This interface also inherits properties from its parent interface, {{domxref("SVGElement")}}.

  • {{domxref("SVGFEBlendElement.height")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("height")}} attribute of the given element.
  • {{domxref("SVGFEBlendElement.in1")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("in")}} attribute of the given element.
  • {{domxref("SVGFEBlendElement.in2")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("in2")}} attribute of the given element.
  • {{domxref("SVGFEBlendElement.mode")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedEnumeration")}} corresponding to the {{SVGAttr("mode")}} attribute of the given element. It takes one of the SVG_FEBLEND_MODE_* constants defined on this interface.
  • {{domxref("SVGFEBlendElement.result")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("result")}} attribute of the given element.
  • {{domxref("SVGFEBlendElement.width")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("width")}} attribute of the given element.
  • {{domxref("SVGFEBlendElement.x")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("x")}} attribute of the given element.
  • {{domxref("SVGFEBlendElement.y")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("y")}} attribute of the given element.

Instance methods

This interface does not provide any specific methods, but implements those of its parent, {{domxref("SVGElement")}}.

Static properties

  • 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.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{SVGElement("feBlend")}}