1. Web
  2. Web APIs
  3. SVGFEFloodElement
  4. x

SVGFEFloodElement: x property

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

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

It reflects the x attribute of the <feFlood> element, which fills an SVG filter subregion with the color and opacity defined by flood-color and flood-opacity. 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 feFlood = document.querySelector("feFlood");
const leftPosition = feFlood.x;
console.log(leftPosition.baseVal.value); // the `x` value

Specifications

Specification
Filter Effects Module Level 1
# dom-svgfilterprimitivestandardattributes-x

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content