<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 表格仅在浏览器中加载