<circle>

<circle> SVG 元素是一个 SVG 基本形状，用于根据中心点和半径绘制圆形。

示例

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="50" />
</svg>

cx: 圆形中心的 x 轴坐标。值类型：<length>|<percentage> ; 默认值：0; 可动画：是
cy: 圆形中心的 y 轴坐标。值类型：<length>|<percentage> ; 默认值：0; 可动画：是
r: 圆形的半径。小于或等于零的值将禁用圆形的渲染。值类型：<length>|<percentage> ; 默认值：0; 可动画：是
pathLength: 圆形周长的总长度，以用户单位表示。值类型：<number> ; 默认值：无; 可动画：是

注意：从 SVG2 开始，cx、cy 和 r 是几何属性，这意味着这些属性也可以用作该元素的 CSS 属性。

类别	基本形状元素、图形元素、形状元素
允许的内容	以下任意数量的元素，以任意顺序动画元素描述性元素

规范
可缩放矢量图形 (SVG) 2 # CircleElement

BCD 表格仅在启用