SVGFECompositeElement: x property

The x read-only property of the SVGFECompositeElement interface describes the horizontal coordinate of the position of an SVG filter primitive as a SVGAnimatedLength.

It reflects the <feComposite> element's x filter primitive attribute value. The <feComposite> SVG filter primitive combines two input images using a Porter-Duff compositing operation. The attribute is a <length> or <percentage>. The <coordinate> is a length in the user coordinate system that is the given distance from the origin of the user coordinate system along the x-axis. If the x attribute is a percent value, the property value is relative to the width of the filter region in user coordinate system units. The default value is 0.

Value

An SVGAnimatedLength.

Example

js
const feComposite = document.querySelector("feComposite");
const leftPosition = feComposite.x;
console.log(leftPosition.baseVal.value); // the `x` value

Specifications

See also