SVGFilterElement: 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 des SVGFilterElement-Interfaces beschreibt die horizontale Koordinate der Position eines SVG-Filter-Primitivs als SVGAnimatedLength.
Sie spiegelt das x-Attribut des <filter>-Elements wider. Das Attribut ist ein \<length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, die den gegebenen Abstand 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 filter = document.querySelector("filter");
const leftPosition = filter.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1> # dom-svgfilterelement-x> |
Browser-Kompatibilität
Loading…
Siehe auch
- SVG-Tutorial: Filter-Effekte
- SVG-Filter-Primitive-Attribute
- CSS
<blend-mode>Datentyp - CSS
mix-blend-modeEigenschaft