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.
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
SVGFECompositeElement.width
- CSS
<blend-mode>
data type - CSS
mix-blend-mode
property