SVGLength: valueAsString プロパティ
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.
valueAsString は SVGLength インターフェイスのプロパティで、 unitType で表された単位での <length> の値を文字列として表します。
この属性を設定すると、value、valueInSpecifiedUnits、unitType が自動的に更新され、この設定を反映します。
値
文字列です。
例
valueAsString の設定と取得
js
// SVGLength オブジェクトを作成
const svg = document.querySelector("svg");
const length = svg.createSVGLength();
// length を文字列として取得
length.valueAsString = "45%";
console.log(length.valueAsString); // 出力: "45%"
console.log(length.unitType); // 出力: 2 (SVG_LENGTHTYPE_PERCENTAGE)
console.log(length.valueInSpecifiedUnits); // 出力: 45
// length の値を変更
length.valueAsString = "100px";
console.log(length.valueAsString); // 出力: "100px"
console.log(length.unitType); // 出力: 5 (SVG_LENGTHTYPE_PX)
console.log(length.value); // 出力: 100
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGLength__valueAsString |