Die width schreibgeschützte Eigenschaft des SVGFEColorMatrixElement-Interfaces beschreibt die horizontale Größe eines SVG-Filterprimitives als SVGAnimatedLength.

Sie spiegelt das <feColorMatrix>-Element width Attribut des Filterprimitives wider. Der <feColorMatrix>-Filter wendet eine Matrixtransformation auf die RGB-Farben und alpha-Werte an. Das Attribut ist ein <length> oder ein <percentage> relativ zur Breite der Filterregion. Der Standardwert ist 100%. Der Eigenschaftswert ist eine Länge in Benutzereinheiten des Koordinatensystems.

Wert

Ein SVGAnimatedLength.

Beispiel

const feColorMatrix = document.querySelector("feColorMatrix");
const horizontalSize = feColorMatrix.width;
console.log(horizontalSize.baseVal.value); // the `width` value

Spezifikationen

Browser-Kompatibilität

Siehe auch

• SVGFEColorMatrixElement.height
• CSS-Datentyp <blend-mode>
• CSS-Eigenschaft mix-blend-mode
• CSS-Filtereffekte
• SVG <filter>-Element, SVG-Attribut filter in SVG
• Anwenden von SVG-Effekten auf HTML-Inhalte