SVGFEImageElement: 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 schreibgeschützte x-Eigenschaft des SVGFEImageElement-Interfaces beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als ein SVGAnimatedLength.
Sie spiegelt das x-Attribut des <feImage>-Elements wider, das Bilddaten aus einer externen Quelle abruft und die Pixeldaten als Ausgabe bereitstellt. Das Attribut ist eine \<length> oder ein <percentage>. Die <coordinate> ist eine Länge im Benutzerkoordinatensystem, die die angegebene Entfernung vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse darstellt. Wenn das x-Attribut einen Prozentwert hat, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Einheiten des Benutzerkoordinatensystems. Der Standardwert ist 0.
Wert
Ein SVGAnimatedLength.
Beispiel
const feImage = document.querySelector("feImage");
const leftPosition = feImage.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFEImageElement.y- SVG-Leitfaden: Filtereffekte
- SVG Filterprimitiv-Attribute
- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft