SVGFEComponentTransferElement: 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.
Please take two minutes to fill out our short survey.
The height read-only property of the SVGFEComponentTransferElement interface describes the vertical size of an SVG filter primitive as a SVGAnimatedLength.
It reflects the <feComponentTransfer> element's height filter primitive attribute. The <feComponentTransfer> filter performs component-wise color and alpha transparency remapping, allowing for brightness, contrast, color balance and threshold adjustments.
The attribute is a <length> or a <percentage> relative to the height of the filter region. The default value is 100%. The property value is a length in user coordinate system units.
Value
Example
js
const feComponentTransfer = document.querySelector("feComponentTransfer");
const verticalSize = feComponentTransfer.height;
console.log(verticalSize.baseVal.value); // the `height` value
Specifications
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-height |