W3cubDocs

/Web APIs

SVGNumber: value property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The value read-only property of the SVGNumber interface represents the number.

Value

A float.

Examples

Accessing the `value` property

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <circle id="myCircle" cx="100" cy="100" r="50" fill="blue" />
</svg>

const circleElement = document.getElementById("myCircle");

// Access the radius (r) value property
const radiusValue = circleElement.r.baseVal.value;

console.log(radiusValue); // Output: 50

Specifications

Specification
Scalable Vector Graphics (SVG) 2> # __svg__SVGNumber__value>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`value`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	4.4	1