SVGFECompositeElement: 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 schreibgeschützte x-Eigenschaft der SVGFECompositeElement-Schnittstelle beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitives als SVGAnimatedLength.

Sie spiegelt den Wert des Filterprimitivattributs x des <feComposite>-Elements wider. Das <feComposite> SVG-Filterprimitive kombiniert zwei Eingabebilder mittels einer Porter-Duff-Kompositionsoperation. Das Attribut ist ein <length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem und entspricht der angegebenen Entfernung vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse. Wenn das x-Attribut einen Prozentwert aufweist, ist der Eigenschaftswert relativ zur Breite der Filterregion in Einheiten des Benutzerkoordinatensystems. Der Standardwert ist 0.

Wert

Eine SVGAnimatedLength.

Beispiel

js
const feComposite = document.querySelector("feComposite");
const leftPosition = feComposite.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