SVGFEBlendElement: 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 Eigenschaft x des SVGFEBlendElement-Interfaces beschreibt die horizontale Koordinate der Position einer SVG-Filterprimitive als SVGAnimatedLength.

Sie spiegelt den Wert des SVG-Attributs x der <feBlend>-Elementfilterprimitive wider. Das <feBlend> SVG-Filter vereint zwei Eingabebilder miteinander und nutzt dabei allgemein gebräuchliche Bildbearbeitungssoftware-Mischmodi.

Das Attribut ist ein <length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerskoordinatensystem, die den angegebenen Abstand vom Ursprung des Benutzerskoordinatensystems entlang der x-Achse darstellt. Wenn das x-Attribut einen Prozentwert hat, ist der Eigenschaftswert relativ zur Breite der Filterregion in Einheiten des Benutzerskoordinatensystems. Der Standardwert ist 0.

Wert

Ein SVGAnimatedLength.

Beispiel

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