<ellipse>
<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；动画性：是 pathLength-
此属性用于指定路径的总长度，单位为用户单位。值类型：<number>；默认值：无；动画性：是
备注：从 SVG2 开始，cx、cy、rx 和 ry 是几何属性，这意味着这些属性也可以作为该元素的 CSS 属性使用。
示例
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 |
浏览器兼容性
参见
- 其他 SVG 基本形状：
<circle>、<line>、<polygon>、<polyline>、<rect>