SVGAngle: valueAsString プロパティ

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月⁩.

valueAsString は SVGAngle インターフェイスのプロパティで、 unitType で指定された単位での角度値を文字列として表します。

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

値

文字列で、角度の値です。

例

Setting and retrieving `valueAsString`

// SVGAngle オブジェクトを取得
const svg = document.querySelector("svg");
const angle = svg.createSVGAngle();

// valueAsString を使用して度単位で値を設定
angle.valueAsString = "45deg";
console.log(angle.valueAsString); // 出力: "45deg"
console.log(angle.value); // 出力: 45 （度単位）

// valueAsString を使用してラジアン単位で値を設定
angle.valueAsString = "1.57rad";
console.log(angle.valueAsString); // 出力: "1.57rad"
console.log(Math.round(angle.value)); // 出力: 90 （1.57 ラジアンはおよそ 90 度であるため）