SVGLength: Eigenschaft valueAsString
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 Eigenschaft valueAsString des SVGLength-Interfaces repräsentiert den Wert des <length> als Zeichenkette, in den Einheiten, die durch unitType ausgedrückt werden.
Das Setzen dieses Attributs führt dazu, dass value, valueInSpecifiedUnits und unitType automatisch aktualisiert werden, um diese Einstellung widerzuspiegeln.
Wert
Eine Zeichenkette.
Beispiele
Setzen und Abrufen von valueAsString
js
// Create an SVGLength object
const svg = document.querySelector("svg");
const length = svg.createSVGLength();
// Set the length as a string
length.valueAsString = "45%";
console.log(length.valueAsString); // Output: "45%"
console.log(length.unitType); // Output: 2 (SVG_LENGTHTYPE_PERCENTAGE)
console.log(length.valueInSpecifiedUnits); // Output: 45
// Change the length value
length.valueAsString = "100px";
console.log(length.valueAsString); // Output: "100px"
console.log(length.unitType); // Output: 5 (SVG_LENGTHTYPE_PX)
console.log(length.value); // Output: 100
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGLength__valueAsString |