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 Juli 2015.
Die x schreibgeschützte Eigenschaft der SVGFEDisplacementMapElement-Schnittstelle beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitivs als SVGAnimatedLength.
Sie spiegelt den Wert des <feDisplacementMap>-Elements und dessen x-Filterprimitivattribut wider. Das Attribut ist entweder ein \<length> oder ein \<percentage>. Das <coordinate> ist eine Länge im Benutzersystem der Koordinaten, die den angegebenen Abstand vom Ursprung des Benutzersystems der Koordinaten entlang der x-Achse darstellt. Wenn das x-Attribut ein Prozentwert ist, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Benutzersystemkoordinateneinheiten. 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
Loading…
Siehe auch
SVGFEDisplacementMapElement.ySVGFEImageElementAPI und<feImage>-ElementSVGFETurbulenceElementAPI und<feTurbulence>-Element- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft