<circle>

Baseline 廣泛可用 *

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

* 此特性的某些部分可能存在不同級別的支援。

<circle> SVG 元素是一個 SVG 基本形狀，用於根據中心點和半徑繪製圓形。

使用語境

分類	基本形狀元素、圖形元素、形狀元素
允許內容	可包含任意數量、任意順序的下列元素動畫元素描述性元素

cx: 圓心在 x 軸上的座標。值型別：<length> | <percentage>；預設值：0；可動畫：是
cy: 圓心在 y 軸上的座標。值型別：<length> | <percentage>；預設值：0；可動畫：是
r: 圓的半徑。小於或等於零的值將停用圓的渲染。值型別：<length> | <percentage>；預設值：0；可動畫：是
路徑長度: 圓周的總長度，以使用者單位表示。值型別：<number>；預設值：無；可動畫：是

注意：從 SVG2 開始，cx、cy 和 r 是幾何屬性，這意味著這些屬性也可以用作該元素的 CSS 屬性。

此元素實現了 SVGCircleElement 介面。

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>

規範
Scalable Vector Graphics (SVG) 2 # CircleElement

此頁面最後修改於 2025年6月6日，由 MDN 貢獻者修改。