SVGFECompositeElement: 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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

The height read-only property of the SVGFECompositeElement interface describes the vertical size of an SVG filter primitive as a SVGAnimatedLength.

It reflects the <feComposite> element's height filter primitive attribute. The <feComposite> SVG filter primitive combines two input images using a Porter-Duff compositing operation. 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 feComposite = document.querySelector("feComposite");
const verticalSize = feComposite.height;
console.log(verticalSize.baseVal.value); // the `height` value

Specifications

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

Browser compatibility

See also