SVGFEColorMatrixElement: y-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 y
schreibgeschützte Eigenschaft der SVGFEColorMatrixElement
-Schnittstelle beschreibt die vertikale Koordinate der Position eines SVG-Filterprimitivs als ein SVGAnimatedLength
.
Sie spiegelt den Wert des <feColorMatrix>
-Elements der y
-Filterprimitiv-Attributs wider. Der <feColorMatrix>
-Filter wendet eine Matrixtransformation auf die RGB-Farb- und Alpha-Werte an. Das Attribut ist entweder ein <length>
oder ein <percentage>
. Die <coordinate>
ist eine Länge im Benutzereinheitensystem, welche die gegebene Entfernung vom Ursprung des Filters entlang der y-Achse darstellt. Ist das y
-Attribut ein Prozentwert, ist der Eigenschaftswert relativ zur Höhe des Filterbereichs in Einheiten des Benutzereinheitensystems. Der Standardwert ist 0
.
Wert
Ein SVGAnimatedLength
.
Beispiel
const feColorMatrix = document.querySelector("feColorMatrix");
const topPosition = feColorMatrix.y;
console.log(topPosition.baseVal.value); // the `y` value
Spezifikationen
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-y |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
SVGFEColorMatrixElement.x
- CSS
<blend-mode>
Datentyp - CSS
mix-blend-mode
Eigenschaft - CSS-Filtereffekte
- SVG-
<filter>
-Element, SVG-filter
-Attribut in SVG - Anwenden von SVG-Effekten auf HTML-Inhalte