SVGFECompositeElement: 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 schreibgeschützte y
-Eigenschaft des SVGFECompositeElement
Schnittstelle beschreibt die vertikale Koordinate der Position eines SVG-Filter-Primitivs als SVGAnimatedLength
.
Sie spiegelt den Wert des Filter-Primitivattributs y
des <feComposite>
-Elements wider. Das SVG-Filter-Primitiv <feComposite>
kombiniert zwei Eingabebilder mittels einer Porter-Duff-Kompositionsoperation. Das Attribut ist ein <length>
oder <percentage>
. Das <coordinate>
ist eine Länge im Benutzerkoordinatensystem, die den angegebenen Abstand vom Ursprung des Filters entlang der y-Achse darstellt. Wenn das y
-Attribut ein Prozentwert ist, bezieht sich der Eigenschaftswert relativ zur Höhe der Filterregion in Benutzerkoordinatensystemeinheiten. Der Standardwert ist 0
.
Wert
Ein SVGAnimatedLength
.
Beispiel
const feComposite = document.querySelector("feComposite");
const topPosition = feComposite.y;
console.log(topPosition.baseVal.value); // the `y` value
Spezifikationen
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-y |
Browser-Kompatibilität
Siehe auch
SVGFECompositeElement.x
- CSS
<blend-mode>
Datentyp - CSS
mix-blend-mode
Eigenschaft