SVGNumber: value property

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

Browser compatibility