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 einer SVG-Filterprimitive als ein SVGAnimatedLength.

Sie spiegelt den Wert des Filterprimitive-Attributs y des <feBlend>-Elements wider. Das <feBlend>-SVG-Filter blendet zwei Eingabebilder unter Verwendung von in Bildbearbeitungssoftware häufig verwendeten Mischmodi miteinander.

Das Attribut ist ein <length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, die den angegebenen Abstand vom Ursprung des Benutzerkoordinatensystems entlang der y-Achse darstellt. Wenn das y-Attribut ein Prozentwert ist, ist der Eigenschaftswert relativ zur Höhe des Filterbereichs in Einheiten des Benutzerkoordinatensystems. Der Standardwert ist 0.

Wert

Ein SVGAnimatedLength.

Beispiel

js
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