SVGLength: valueInSpecifiedUnits プロパティ

Baseline 広く利用可能

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

valueInSpecifiedUnits は SVGLength インターフェイスのプロパティで、 unitType で表現される単位で、浮動小数点の値を表します。

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

値

長さの数値係数を、浮動小数点数として指定します。

例

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

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

// 長さを数値係数で更新
length.valueInSpecifiedUnits = 20;
console.log(length.valueInSpecifiedUnits); // 出力: 20