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 January 2020.

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

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

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

js
// 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

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGLength__value

ブラウザーの互換性

関連情報