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

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

const circle = new Circle({
    style: {
        cx: 100,
        cy: 100,
        r: 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

r

圆的半径。

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