SVGLength: value プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨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