SVGFEColorMatrixElement: width-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 width schreibgeschützte Eigenschaft der SVGFEColorMatrixElement-Schnittstelle beschreibt die horizontale Größe eines SVG-Filterprimitivs als ein SVGAnimatedLength.
Sie spiegelt das <feColorMatrix>-Element und dessen width-Filterprimitivattribut wider. Das <feColorMatrix>-Filter führt eine Matrixtransformation auf die RGB-Farb- und Alpha-Werte aus. Das Attribut ist eine \<length> oder ein \<percentage> relativ zur Breite der Filterregion. Der Standardwert ist 100%. Der Eigenschaftswert ist eine Länge in Benutzereinheitensystemeinheiten.
Wert
Ein SVGAnimatedLength.
Beispiel
js
const feColorMatrix = document.querySelector("feColorMatrix");
const horizontalSize = feColorMatrix.width;
console.log(horizontalSize.baseVal.value); // the `width` value
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-width |
Browser-Kompatibilität
Loading…
Siehe auch
SVGFEColorMatrixElement.height- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft - CSS-Filtereffekte
- SVG
<filter>-Element, SVGfilter-Attribut in SVG - Anwenden von SVG-Effekten auf HTML-Inhalt