Firefox Tomorrow

web api instance property

SVGCircleElement: r property

View on MDN ↗

The r read-only property of the SVGCircleElement interface reflects the r attribute of a <circle> element and by that defines the radius of the circle.

If unspecified, the effect is as if the value is set to 0.

Value

An SVGAnimatedLength representing the radius of the circle.

Examples

SVG

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 100 100"
  width="200"
  height="200">
  <circle r="50" fill="gold" id="circle" />
</svg>

JavaScript

const circle = document.getElementById("circle");
console.log(circle.r);
Interactive exampleOpen the canonical MDN source to run this embedded demo.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also