SVGFEDropShadowElement: x-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
Die x Schreibgeschützte Eigenschaft des SVGFEDropShadowElement-Interfaces beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitives als SVGAnimatedLength.
Sie spiegelt das x-Attribut des <feDropShadow>-Elements wider, welches einen Schlagschatten eines Eingabebildes erzeugt. Das Attribut ist ein \<length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, gemessen als gegebene Entfernung vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse. Wenn das x-Attribut einen Prozentwert hat, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Einheiten des Benutzerkoordinatensystems.
Wert
Ein SVGAnimatedLength.
Beispiel
const feDropShadow = document.querySelector("feDropShadow");
const leftPosition = feDropShadow.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Loading…
Siehe auch
SVGFEDropShadowElement.y- CSS
drop-shadow()-Funktion - CSS
box-shadow-Eigenschaft - CSS
text-shadow-Eigenschaft - CSS
<blend-mode>-Datentyp - CSS
mix-blend-mode-Eigenschaft