<ellipse>

Baseline 廣泛可用 *

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

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

<ellipse> SVG 元素是 SVG 基本形狀，用於根據中心座標及其 x 和 y 半徑建立橢圓。

注意：橢圓無法指定橢圓的確切方向（例如，如果您想繪製一個傾斜 45 度的橢圓），但可以使用 transform 屬性對其進行旋轉。

使用語境

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

cx: 橢圓中心的 x 座標。值型別：<length> | <percentage>；預設值：0；可動畫：是
cy: 橢圓中心的 y 座標。值型別：<length> | <percentage>；預設值：0；可動畫：是
rx: 橢圓在 x 軸上的半徑。值型別：auto | <length> | <percentage>；預設值：auto；可動畫：是
ry: 橢圓在 y 軸上的半徑。值型別：auto | <length> | <percentage>；預設值：auto；可動畫：是
路徑長度: 此屬性允許指定路徑的總長度（以使用者單位）。值型別：<number>；預設值：無；可動畫：是

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

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

html

<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="50" rx="100" ry="50" />
</svg>

規範
Scalable Vector Graphics (SVG) 2 # EllipseElement

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