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 July 2015.

Die x-Eigenschaft der Schnittstelle SVGFEDropShadowElement beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength. Diese Eigenschaft ist nur lesbar.

Sie spiegelt das x-Attribut des <feDropShadow>-Elements wider, das einen Schlagschatten eines Eingabebildes erzeugt. Das Attribut ist entweder ein <length> oder ein <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, die den gegebenen Abstand vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse darstellt. Wenn das x-Attribut ein Prozentwert ist, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Einheiten des Benutzerkoordinatensystems.

Wert

Ein SVGAnimatedLength.

Beispiel

js
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

BCD tables only load in the browser

Siehe auch