SVGLength: value プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

value は SVGLength インターフェイスのプロパティで、ユーザー単位における <length> の浮動小数点値を度単位で表します。

この属性を設定すると、 valueInSpecifiedUnits と valueAsString が自動的に更新され、この設定を反映します。

値

The length value in user units as a float. ユーザー単位における長さの値の浮動小数点値です。

例

// SVGLength オブジェクトを取得
const svg = document.querySelector("svg");
const length = svg.createSVGLength();

// value を設定
length.value = 10;
console.log(length.value); // 出力: 10

// value を反映
length.value = 20;
console.log(length.value); // 出力: 20