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 July 2015.
Die schreibgeschützte width
-Eigenschaft des SVGFEColorMatrixElement
-Interfaces beschreibt die horizontale Größe eines SVG-Filterprimitivs als SVGAnimatedLength
.
Sie spiegelt das <feColorMatrix>
-Element und dessen width
-Filterprimitiv-Attribut wider. Der <feColorMatrix>
-Filter wendet eine Matrixtransformation auf die RGB-Farb- und Alpha-Werte an. Das Attribut ist ein \<length>
oder ein \<percentage>
relativ zur Breite des Filterbereichs. Der Standardwert ist 100%
. Der Eigenschaftswert ist eine Länge in Einheiten des Benutzerkoordinatensystems.
Wert
Ein SVGAnimatedLength
.
Beispiel
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
BCD tables only load in the browser
Siehe auch
SVGFEColorMatrixElement.height
- CSS
<blend-mode>
Datentyp - CSS
mix-blend-mode
Eigenschaft - CSS-Filtereffekte
- SVG
<filter>
-Element, SVGfilter
-Attribut in SVG - Anwenden von SVG-Effekten auf HTML-Inhalte