SVGFilterElement: width-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 schreibgeschützte width-Eigenschaft des SVGFilterElement-Interfaces beschreibt die horizontale Größe einer SVG-Filterprimitive als SVGAnimatedLength.
Sie spiegelt das width-Attribut des <filter>-Elements wider. Das Attribut ist entweder eine \<length> oder ein \<percentage> relativ zur Breite des Filterbereichs. Der Standardwert ist 100%. Der Wert der Eigenschaft ist eine Länge in Einheiten des Benutzerskoordinatensystems.
Wert
Ein SVGAnimatedLength.
Beispiel
js
const filter = document.querySelector("filter");
const horizontalSize = filter.width;
console.log(horizontalSize.baseVal.value); // the `width` value
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # dom-svgfilterelement-width |
Browser-Kompatibilität
Siehe auch
- SVG-Tutorial: Filtereffekte
- SVG-Filterprimitive-Attribute
- CSS-Datentyp
<blend-mode> - CSS-Eigenschaft
mix-blend-mode