SVGFEColorMatrixElement: x-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die schreibgeschützte x-Eigenschaft der SVGFEColorMatrixElement-Schnittstelle beschreibt die horizontale Koordinate der Position eines SVG-Filter-Primitivelements als SVGAnimatedLength.
Sie spiegelt den Wert des <feColorMatrix>-Element-Attributs x des Filterprimitivs wider. Der <feColorMatrix>-Filter wendet eine Matrixtransformation auf die RGB-Farben und Alpha-Werte an. Das Attribut ist ein <length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzersystem der Koordinaten, die den angegebenen Abstand vom Ursprung des Benutzersystems der Koordinaten entlang der x-Achse misst. Wenn das x-Attribut einen Prozentwert hat, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Einheiten des Benutzersystems der Koordinaten. Der Standardwert ist 0.
Wert
Ein SVGAnimatedLength.
Beispiel
const feColorMatrix = document.querySelector("feColorMatrix");
const leftPosition = feColorMatrix.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFEColorMatrixElement.y- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft - CSS-Filtereffekte
- SVG
<filter>-Element, SVGfilter-Attribut in SVG - Anwenden von SVG-Effekten auf HTML-Inhalte