SVGFEConvolveMatrixElement: width-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 schreibgeschützte width-Eigenschaft des SVGFEConvolveMatrixElement Interfaces beschreibt die horizontale Größe eines SVG-Filterprimitivs als ein SVGAnimatedLength.
Sie spiegelt das <feConvolveMatrix>-Elementattribut width des Filterprimitivs wider. Der <feConvolveMatrix>-Filter wendet einen Matrix-Faltungseffekt an, bei dem Pixel im Eingabebild mit benachbarten Pixeln kombiniert werden, um einen Faltungseffekt wie Weichzeichnen, Kantenerkennung, Schärfen, Prägen oder Abfasen zu erzeugen. Das Attribut ist ein <length> oder ein <percentage> relativ zur Breite des Filterbereichs. Der Standardwert ist 100%. Der Eigenschaftswert ist eine Länge in Benutzereinheitensystemen.
Wert
Ein SVGAnimatedLength.
Beispiel
const feConvolveMatrix = document.querySelector("feConvolveMatrix");
const horizontalSize = feConvolveMatrix.width;
console.log(horizontalSize.baseVal.value); // the `width` value
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-width |
Browser-Kompatibilität
Siehe auch
SVGFEConvolveMatrixElement.height- CSS Filtereffekte Modul
- SVG
<filter>-Element, SVGfilter-Attribut in SVG - Anwenden von SVG-Effekten auf HTML-Inhalte