SVGFEColorMatrixElement: result 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.
Theresult read-only property of theSVGFEColorMatrixElement interface describes the assigned name of an SVG filter primitive as aSVGAnimatedString.
It reflects the<feColorMatrix> element'sresult attribute. The<feColorMatrix> filter applies a matrix transformation on theRGB color andalpha values. The attribute value is a<custom-ident>. If supplied, then graphics that result from processing this filter primitive can be referenced by anin attribute on a subsequent filter primitive within the same<filter> element.
If noresult attribute is defined, the filter'sresult.baseVal andresult.animVal are empty strings, and the output of the<feColorMatrix> filter will only be available for re-use as the implicit input into the next filter primitive if that filter primitive provides no value for itsin attribute.
In this article
Value
Example
const feColorMatrixElement = document.querySelector("feColorMatrix");const filterName = feColorMatrixElement.result;console.log(filterName.baseVal); // the filter's assigned nameSpecifications
| Specification |
|---|
| Filter Effects Module Level 1> # dom-svgfilterprimitivestandardattributes-result> |
Browser compatibility
See also
SVGFEColorMatrixElement.in1<custom-ident>data type- CSS
<blend-mode>data type - CSS
mix-blend-modeproperty - CSS filter effects
- SVG
<filter>element, SVGfilterattribute inSVG - Applying SVG effects to HTML content