SVGLength: Eigenschaft valueAsString
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 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
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGLength__valueAsString |