SVGFEGaussianBlurElement: 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 x
-Schreibgeschützte Eigenschaft des SVGFEGaussianBlurElement
-Interfaces beschreibt die horizontale Koordinate der Position eines SVG-Filterprimitives als SVGAnimatedLength
.
Sie spiegelt das x
-Attribut des <feGaussianBlur>
-Elements wider, welches ein Eingabebild verwischt. Das Attribut ist ein \<length>
oder \<percentage>
. Die <coordinate>
ist eine Länge im Benutzerkoordinatensystem, die die gegebene 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 Benutzereinheiten. 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
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFEGaussianBlurElement.y
- SVG-Filter-Leitfaden
- CSS
<blend-mode>
Datentyp - CSS
blur()
Funktion - CSS-Filter-Effekte Modul - CSS
mix-blend-mode
Eigenschaft