SVGRectElement: 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 January 2020.
Die width-Eigenschaft der SVGRectElement-Schnittstelle ist ein schreibgeschütztes Attribut und beschreibt die horizontale Größe eines SVG-Rechtecks als SVGAnimatedLength. Die Länge wird in Benutzereinheitensystem entlang der x-Achse gemessen. Ihre Syntax ist dieselbe wie für \<length>.
Sie spiegelt das <rect>-Element's präsentationsorientiertes Attribut width wider. Die CSS-width-Eigenschaft hat Vorrang vor dem SVG-width-präsentationsorientierten Attribut, daher spiegelt der Wert möglicherweise nicht die tatsächliche Größe des Elements wider. Der Standardwert ist 0.
Wert
Ein SVGAnimatedLength.
Beispiel
js
const rectangle = document.querySelector("rect");
const rectWidth = rectangle.width;
console.log(rectWidth.baseVal.value); // the `width` value
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGRectElement__width |