SVGFEDropShadowElement: 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
-Eigenschaft der SVGFEDropShadowElement
-Schnittstelle ist eine schreibgeschützte Eigenschaft, die die vertikale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength
beschreibt.
Sie spiegelt das y
-Attribut des <feDropShadow>
-Elements wider, das einen Schlagschatten eines Eingabebildes erzeugt. Das Attribut ist ein \<length>
oder <percentage>
. Die <coordinate>
ist eine Länge im Benutzerkoordinatensystem, die die gegebene Entfernung vom Ursprung des Filters entlang der y-Achse darstellt. Wenn das y
-Attribut ein Prozentwert ist, ist der Eigenschaftswert relativ zur Höhe des Filterbereichs in Benutzereinheiten des Koordinatensystems. Der Standardwert ist 0
.
Wert
Ein SVGAnimatedLength
.
Beispiel
const feDropShadow = document.querySelector("feDropShadow");
const topPosition = feDropShadow.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
SVGFEDropShadowElement.x
- CSS
drop-shadow()
-Funktion - CSS
box-shadow
-Eigenschaft - CSS
text-shadow
-Eigenschaft - CSS
<blend-mode>
-Datentyp - CSS
mix-blend-mode
-Eigenschaft