SVGCircleElement: r 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

SVGCircleElement 接口的只读属性 r 反映了 <circle> 元素的 r 属性，从而定义了圆的半径。

如果未指定，则效果如同将值设置为 0。

值

一个表示圆半径的 SVGAnimatedLength 对象。

html

<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>

const circle = document.getElementById("circle");
console.log(circle.r);

规范
Scalable Vector Graphics (SVG) 2 # __svg__SVGCircleElement__r

此页面最后修改于 2025年7月1日，由 MDN 贡献者编辑。