web api instance property
SVGFEDisplacementMapElement: y property
The y read-only property of the SVGFEDisplacementMapElement interface describes the vertical coordinate of the position of an SVG filter primitive as a SVGAnimatedLength.
It reflects the <feDisplacementMap> element’s y filter primitive attribute value. 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 filter along the y-axis. If the y attribute is a percent value, the property value is a relative to the height of the filter region in user coordinate system units. The default value is 0.
Value
Example
const feDisplacementMap = document.querySelector("feDisplacementMap");
const topPosition = feDisplacementMap.y;
console.log(topPosition.baseVal.value); // the `y` value
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
xSVGFEImageElementAPI and<feImage>elementSVGFETurbulenceElementAPI and<feTurbulence>element- CSS
blend-modedata type - CSS
mix-blend-modeproperty