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 January 2020.
valueAsString は SVGAngle インターフェイスのプロパティで、 unitType で指定された単位での角度値を文字列として表します。
この属性を設定すると、value、valueInSpecifiedUnits、unitType が自動的に更新され、この設定を反映します。
値
文字列で、角度の値です。
例
Setting and retrieving valueAsString
js
// 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 度であるため）
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAngle__valueAsString |