<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 表格僅在啟用