SVGFECompositeElement: x Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die x schreibgeschützte Eigenschaft der SVGFECompositeElement-Schnittstelle beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength.
Sie reflektiert den Wert des Filterprimitivattributs <feComposite> des Elements x. Das SVG-Filterprimitiv <feComposite> kombiniert zwei Eingabebilder mithilfe einer Porter-Duff-Kompositionsoperation. Das Attribut ist entweder ein \<length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, die die gegebene Entfernung vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse darstellt. Wenn das x-Attribut ein Prozentwert ist, ist der Eigenschaftswert relativ zur Breite der Filterregion in Einheiten des Benutzerkoordinatensystems. Der Standardwert ist 0.
Wert
Ein SVGAnimatedLength.
Beispiel
const feComposite = document.querySelector("feComposite");
const leftPosition = feComposite.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFECompositeElement.y- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft