SVGFEDisplacementMapElement: 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 SVGFEDisplacementMapElement
-Interfaces beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength
.
Es spiegelt den Wert des Filterprimitivattributs x
des <feDisplacementMap>
-Elements wider. Das Attribut ist ein <length>
oder <percentage>
. Das <coordinate>
ist eine Länge im Benutzokoordinatensystem, die die gegebene Entfernung vom Ursprung des Benutzokoordinatensystems entlang der x-Achse darstellt. Wenn das x
-Attribut einen Prozentwert hat, bezieht sich der Eigenschaftswert auf die Breite des Filterbereichs in Benutzokoordinateneinheiten. Der Standardwert ist 0
.
Wert
Ein SVGAnimatedLength
.
Beispiel
const feDisplacementMap = document.querySelector("feDisplacementMap");
const leftPosition = feDisplacementMap.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
SVGFEDisplacementMapElement.y
SVGFEImageElement
API und<feImage>
-ElementSVGFETurbulenceElement
API und<feTurbulence>
-Element- CSS
<blend-mode>
Datentyp - CSS
mix-blend-mode
Eigenschaft