SVGFEGaussianBlurElement: 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 des SVGFEGaussianBlurElement-Interfaces beschreibt die horizontale Koordinate der Position eines SVG-Filter-Primitives als SVGAnimatedLength.
Sie spiegelt das x-Attribut des <feGaussianBlur>-Elements wider, welches ein Eingabebild verwischt. Das Attribut ist entweder ein <length> oder <percentage>. Das <coordinate> ist eine Länge im Benutzerkoordinatensystem, die den angegebenen Abstand vom Ursprung des Benutzerkoordinatensystems entlang der x-Achse darstellt. Wenn das x-Attribut einen Prozentwert darstellt, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Einheiten des Benutzerkoordinatensystems. Der Standardwert ist 0.
Wert
Ein SVGAnimatedLength.
Beispiel
const feGaussianBlur = document.querySelector("feGaussianBlur");
const leftPosition = feGaussianBlur.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFEGaussianBlurElement.y- SVG-Filter-Tutorial
- CSS-Datentyp
<blend-mode> - CSS-Funktion
blur() - CSS-Filtereffekte Modul - CSS-Eigenschaft
mix-blend-mode