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.

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

An SVGAnimatedLength.

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

Browser compatibility

BCD tables only load in the browser

See also