ContextQMD
Back to Content

SVGFECompositeElement

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

latest3.7 KB
Original Source

{{APIRef("SVG")}}

The SVGFECompositeElement interface corresponds to the {{SVGElement("feComposite")}} element.

{{InheritanceDiagram}}

Instance properties

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

  • {{domxref("SVGFECompositeElement.height")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("height")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.in1")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("in")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.in2")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("in2")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.operator")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedEnumeration")}} corresponding to the {{SVGAttr("operator")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.k1")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedNumber")}} corresponding to the {{SVGAttr("k1")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.k2")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedNumber")}} corresponding to the {{SVGAttr("k2")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.k3")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedNumber")}} corresponding to the {{SVGAttr("k3")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.k4")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedNumber")}} corresponding to the {{SVGAttr("k4")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.result")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("result")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.type")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedEnumeration")}} corresponding to the {{SVGAttr("type")}} attribute of the given element. It takes one of the SVG_FECOMPOSITE_OPERATOR_* constants defined on this interface.
  • {{domxref("SVGFECompositeElement.values")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedNumberList")}} corresponding to the {{SVGAttr("values")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.width")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("width")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.x")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("x")}} attribute of the given element.
  • {{domxref("SVGFECompositeElement.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_FECOMPOSITE_OPERATOR_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_FECOMPOSITE_OPERATOR_OVER (1)
    • : Corresponds to the value over.
  • SVG_FECOMPOSITE_OPERATOR_IN (2)
    • : Corresponds to the value in.
  • SVG_FECOMPOSITE_OPERATOR_OUT (3)
    • : Corresponds to the value out.
  • SVG_FECOMPOSITE_OPERATOR_ATOP (4)
    • : Corresponds to the value atop.
  • SVG_FECOMPOSITE_OPERATOR_XOR (5)
    • : Corresponds to the value xor.
  • SVG_FECOMPOSITE_OPERATOR_ARITHMETIC (6)
    • : Corresponds to the value arithmetic.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{SVGElement("feComposite")}}