SVGFEBlendElement: 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 July 2015.

Die width-Eigenschaft (nur lesbar) der Schnittstelle SVGFEBlendElement beschreibt die horizontale Größe einer SVG-Filterprimitive als SVGAnimatedLength.

Sie spiegelt das <feBlend>-Element und dessen width-Filterprimitive-Attribut wider. Das Attribut ist entweder ein \<length> oder ein \<percentage>, relativ zur Breite des Filterbereichs. Der Standardwert ist 100%. Der Wert dieser Eigenschaft ist eine Länge in Einheiten des Benutzerkoordinatensystems.

Der <feBlend>-SVG-Filter blendet zwei Eingabebilder unter Verwendung von häufig verwendeten Bildverarbeitungssoftware-Blendmodi zusammen.

Wert

Ein SVGAnimatedLength.

Beispiel

js
const feBlend = document.querySelector("feBlend");
const horizontalSize = feBlend.width;
console.log(horizontalSize.baseVal.value); // the `width` value

Spezifikationen

Specification
Filter Effects Module Level 1
# dom-svgfilterprimitivestandardattributes-width

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch