このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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

valueSVGNumber インターフェイスの読み取り専用プロパティで、数値を表します。

浮動小数点型です。

value プロパティへのアクセス

html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <circle id="myCircle" cx="100" cy="100" r="50" fill="blue" />
</svg>
js
const circleElement = document.getElementById("myCircle");

// 半径 (r) の値のプロパティにアクセス
const radiusValue = circleElement.r.baseVal.value;

console.log(radiusValue); // 出力: 50

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNumber__value

ブラウザーの互換性