可以参考 SVG 的 <ellipse> 元素。

如下 示例 绘制了一个圆心在 [100, 100]，半径为 100 的椭圆：

const ellipse = new Ellipse({
    style: {
        cx: 100,
        cy: 100,
        rx: 100,
        ry: 100,
    },
});

继承自

继承了 DisplayObject 的 样式属性。

anchor

默认值为 [0.5, 0.5]。详见 DisplayObject anchor

transformOrigin

默认值为 center。详见 DisplayObject transformOrigin

额外属性

cx

圆心在局部坐标系下的 x 轴坐标。

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/cx

cy

圆心在局部坐标系下的 y 轴坐标。

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/cy

rx

椭圆的水平半径

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/rx

ry

椭圆的垂直半径

https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/ry