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 Juli 2015.
Die x schreibgeschützte Eigenschaft der Schnittstelle SVGFEBlendElement beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als ein SVGAnimatedLength.
Sie spiegelt den Wert des Filterprimitiv-Attributs x des Elements <feBlend> wider. Das <feBlend> SVG-Filterelement mischt zwei Eingabebilder mit den in Bildbearbeitungssoftware gängigen Verrechnungsmodi.
Das Attribut ist entweder ein <length> oder ein <percentage>. Das <coordinate> ist eine Länge im Benutzersystem, die den gegebenen Abstand vom Ursprung des Benutzersystems entlang der x-Achse darstellt. Wenn das x-Attribut einen Prozentwert hat, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Einheiten des Benutzersystems. Der Standardwert ist 0.
Wert
Ein SVGAnimatedLength.
Beispiel
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
Siehe auch
SVGFEBlendElement.y- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft