SVGFEColorMatrixElement: 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.
Thewidth read-only property of theSVGFEColorMatrixElement interface describes the horizontal size of an SVG filter primitive as aSVGAnimatedLength.
It reflects the<feColorMatrix> element'swidth filter primitive attribute. The<feColorMatrix> filter applies a matrix transformation on theRGB color andalpha values. The attribute is a<length> or a<percentage> relative to the width of the filter region. The default value is100%. The property value is a length in user coordinate system units.
Value
Example
js
const feColorMatrix = document.querySelector("feColorMatrix");const horizontalSize = feColorMatrix.width;console.log(horizontalSize.baseVal.value); // the `width` valueSpecifications
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-width |
Browser compatibility
Loading…
See also
SVGFEColorMatrixElement.height- CSS
<blend-mode>data type - CSS
mix-blend-modeproperty - CSS filter effects
- SVG
<filter>element, SVGfilterattribute inSVG - Applying SVG effects to HTML content