<ellipse>

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

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

示例

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>

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

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

類別	基本形狀元素，圖形元素，形狀元素
允許的內容	以下元素中的任何數量，以任何順序動畫元素描述性元素

規範
可縮放向量圖形 (SVG) 2 # EllipseElement

BCD 表格僅在瀏覽器中載入