SVGFEDiffuseLightingElement: 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 SVGFEDiffuseLightingElement
interface describes the vertical size of an SVG filter primitive as a SVGAnimatedLength
.
It reflects the <feDiffuseLighting>
element's height
filter primitive attribute. The filter lights an image using the alpha channel as a bump map. 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 feDiffuseLighting = document.querySelector("feDiffuseLighting");
const verticalSize = feDiffuseLighting.height;
console.log(verticalSize.baseVal.value); // the `height` value
Specifications
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-height |
Browser compatibility
See also
SVGFEDiffuseLightingElement.width
SVGFESpecularLightingElement
<feSpecularLighting>
- CSS
<blend-mode>
data type - CSS
mix-blend-mode
property