SVGFEConvolveMatrixElement: 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 der Schnittstelle SVGFEConvolveMatrixElement
beschreibt die horizontale Koordinate der Position einer SVG-Filterprimitive als ein SVGAnimatedLength
.
Sie spiegelt den Wert des Filter-Primitive-Attributs x
des Elements <feConvolveMatrix>
wider. Der <feConvolveMatrix>
-Filter wendet einen Matrix-Faltungseffekt an, der Pixel im Eingabebild mit benachbarten Pixeln kombiniert, um einen Faltungseffekt wie Unschärfe, Kantenerkennung, Schärfen, Prägen oder Abschrägen zu erzeugen. Das Attribut ist 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 ein Prozentwert ist, ist der Eigenschaftswert relativ zur Breite des Filterbereichs in Einheiten des Benutzerkoordinatensystems. Der Standardwert ist 0
.
Wert
Ein SVGAnimatedLength
.
Beispiel
const feConvolveMatrix = document.querySelector("feConvolveMatrix");
const leftPosition = feConvolveMatrix.x;
console.log(leftPosition.baseVal.value); // the `x` value
Spezifikationen
Specification |
---|
Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Browser-Kompatibilität
Siehe auch
SVGFEConvolveMatrixElement.y
- CSS-Filtereffekte Modul
- SVG-Element
<filter>
, SVG-Attributfilter
in SVG - Anwenden von SVG-Effekten auf HTML-Inhalte