feComposite element | SVGFECompositeElement object

Combines two input images pixel-wise in image space using alpha channel (Porter-Duff) compositing operations. Operations include over, in, out, atop, xor, and arithmetic compositing. For this filter primitive, the extent of the resulting image can grow, even if the two images overlap.

Scalable Vector Graphics: Filter Effects, Section 15.25.11

Syntax


<feComposite in="SourceGraphic" in2="BackgroundImage" operator="atop" result="comp"/>

DOM Information

Inheritance Hierarchy

Node

Element

SVGElement

SVGFECompositeElement

Members

The SVGFECompositeElement object has these types of members:

Properties

Properties

The SVGFECompositeElement object has these properties.

Property	Access type	Description
height		Gets or sets the height of an element.
in1	Read-only	Identifies input for the given filter primitive.
in2	Read-only	The second input image to the blending operation.
k1	Read-only	A constant used for arithmetic composite operations.
k2	Read-only	A constant used for arithmetic composite operations.
k3	Read-only	A constant used for arithmetic composite operations.
k4	Read-only	A constant used for arithmetic composite operations.
result	Read-only	Provides a reference for the output result of a filter.
width		Defines the width of an element.
x		Gets or sets the x-coordinate value.
y		Gets or sets the y-coordinate value.

Standards information

Scalable Vector Graphics: Filter Effects, Section 15.25.11