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-Filterprimitives als SVGAnimatedLength
.
Sie spiegelt den Wert des <feBlend>
-Elements für das y
-Attribut des Filterprimitives wider.
Das <feBlend>
-SVG-Filter blendet zwei Eingabebilder mithilfe gängiger Bildbearbeitungssoftware und deren Blending-Modi
zusammen.
Das Attribut ist entweder ein <length>
oder ein <percentage>
. Das <coordinate>
ist eine Länge im Benutzerkoordinatensystem, die den angegebenen Abstand vom Ursprung des Benutzerkoordinatensystems entlang der y-Achse angibt. Ist das y
-Attribut ein Prozentwert, so ist der Eigenschaftswert relativ zur Höhe des Filterbereichs in Benutzerkoordinatensystem-Einheiten. 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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
y |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
SVGFEBlendElement.x
- CSS-Datentyp
<blend-mode>
- CSS-Eigenschaft
mix-blend-mode