SVGLength: valueAsString プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGLength__valueAsString |