SVGFEDisplacementMapElement: height 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.
Theheight read-only property of theSVGFEDisplacementMapElement interface describes the vertical size of an SVG filter primitive as aSVGAnimatedLength.
It reflects the<feDisplacementMap> element'sheight filter primitive attribute. The attribute is a<length> or a<percentage> relative to the height of the filter region. The default value is100%. The property value is a length in user coordinate system units.
In this article
Value
Example
js
const feDisplacementMap = document.querySelector("feDisplacementMap");const verticalSize = feDisplacementMap.height;console.log(verticalSize.baseVal.value); // the `height` valueSpecifications
| Specification |
|---|
| Filter Effects Module Level 1> # dom-svgfilterprimitivestandardattributes-height> |
Browser compatibility
See also
SVGFEDisplacementMapElement.widthSVGFEImageElementAPI and<feImage>elementSVGFETurbulenceElementAPI and<feTurbulence>element- CSS
<blend-mode>data type - CSS
mix-blend-modeproperty