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 January 2020.
The value
read-only property of the SVGNumber
interface represents the number.
Value
A float.
Examples
Accessing the value
property
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");
// 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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
value |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.