SVGFEColorMatrixElement: result-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die result schreibgeschützte Eigenschaft des SVGFEColorMatrixElement-Interfaces beschreibt den zugewiesenen Namen eines SVG-Filterprimitivs als SVGAnimatedString.
Sie spiegelt das <feColorMatrix>-Element und dessen result-Attribut wider. Der <feColorMatrix>-Filter wendet eine Matrixtransformation auf die RGB-Farb- und Alpha-Werte an. Der Attributwert ist ein <custom-ident>. Wenn er angegeben wird, können Grafiken, die durch die Verarbeitung dieses Filterprimitivs entstehen, durch ein in-Attribut auf einem nachfolgenden Filterprimitiv innerhalb desselben <filter>-Elements referenziert werden.
Wenn kein result-Attribut definiert ist, sind result.baseVal und result.animVal des Filters leere Zeichenfolgen und die Ausgabe des <feColorMatrix>-Filters kann nur als impliziter Input für das nächste Filterprimitiv wiederverwendet werden, wenn dieses Filterprimitiv keinen Wert für sein in-Attribut bereitstellt.
Wert
Ein SVGAnimatedString.
Beispiel
const feColorMatrixElement = document.querySelector("feColorMatrix");
const filterName = feColorMatrixElement.result;
console.log(filterName.baseVal); // the filter's assigned name
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-result |
Browser-Kompatibilität
Siehe auch
SVGFEColorMatrixElement.in1<custom-ident>Datentyp- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft - CSS-Filter-Effekte
- SVG
<filter>-Element, SVGfilter-Attribut in SVG - Anwenden von SVG-Effekten auf HTML-Inhalte