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 Juli 2015.
Die y-Eigenschaft der SVGFEBlendElement-Schnittstelle ist eine schreibgeschützte Eigenschaft, die die vertikale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength beschreibt.
Sie spiegelt den Wert des y-Filterprimitiv-Attributs des <feBlend>-Elements wider. Das <feBlend>-SVG-Filter mischt zwei Eingabebilder mit in der Bildbearbeitung häufig verwendeten Blendmodi.
Das Attribut ist ein <length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, die den gegebenen 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
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
Siehe auch
SVGFEBlendElement.x- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft