SVGFEBlendElement: 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 des SVGFEBlendElement
-Interfaces beschreibt die vertikale Koordinate der Position eines SVG-Filterprimitivs als ein SVGAnimatedLength
.
Sie spiegelt den Wert des Filterprimitivattributs y
des <feBlend>
-Elements wider. Das <feBlend>
-SVG-Filter mischt zwei Eingabebilder zusammen unter Verwendung häufig verwendeter Mischmodi von Bildbearbeitungssoftware.
Das Attribut ist ein <length>
oder <percentage>
. Das <coordinate>
ist eine Länge im Benutzerkoordinatensystem, die die angegebene Entfernung vom Ursprung des Benutzerkoordinatensystems entlang der y-Achse darstellt. Wenn das y
-Attribut einen Prozentwert hat, ist der Eigenschaftswert relativ zur Höhe der Filterregion in Einheiten des Benutzerkoordinatensystems. Der Standardwert ist 0
.
Wert
Ein SVGAnimatedLength
.
Beispiel
const feBlend = document.querySelector("feBlend");
const topPosition = feBlend.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
SVGFEBlendElement.x
- CSS-Datentyp
<blend-mode>
- CSS-Eigenschaft
mix-blend-mode