SVGFEDiffuseLightingElement: width 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 help us by answering a few questions.
The width
read-only property of the SVGFEDiffuseLightingElement
interface describes the horizontal size of an SVG filter primitive as a SVGAnimatedLength
.
It reflects the <feDiffuseLighting>
element's width
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 width 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 horizontalSize = feDiffuseLighting.width;
console.log(horizontalSize.baseVal.value); // the `width` value
Specifications
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-width |
Browser compatibility
See also
SVGFEDiffuseLightingElement.height
SVGFESpecularLightingElement
<feSpecularLighting>
- CSS
<blend-mode>
data type - CSS
mix-blend-mode
property