在pixijs中 画一个圆 背景色可以由圆心到边顺时针填满的效果

在 PixiJS 中，你可以使用 `Graphics` 类来绘制圆形并填充颜色，可以通过 `drawCircle()` 方法来绘制圆形，然后通过 `beginFill()` 和 `endFill()` 方法来设置填充颜色。

要实现圆心到边顺时针填满的效果，可以在绘制圆形之前，先绘制一个与圆形相同的多边形，然后再绘制圆形，这样就可以实现顺时针填充的效果。

以下是一个示例代码：

// 创建 Pixi 应用程序
const app = new PIXI.Application({
    width: 800,
    height: 600,
    backgroundColor: 0xffffff
});
document.body.appendChild(app.view);

// 创建 Graphics 对象
const graphics = new PIXI.Graphics();

// 绘制多边形
graphics.beginFill(0xff0000);
graphics.moveTo(400, 300);
for (let i = 0; i <= 360; i += 10) {
    const x = 400 + 100 * Math.cos(i * Math.PI / 180);
    const y = 300 + 100 * Math.sin(i * Math.PI / 180);
    graphics.lineTo(x, y);
}
graphics.endFill();

// 绘制圆形
graphics.beginFill(0x00ff00);
graphics.drawCircle(400, 300, 100);
graphics.endFill();

// 添加到舞台
app.stage.addChild(graphics);

在上面的示例中，先绘制了一个多边形，然后再绘制圆形，并且设置了填充颜色。最后将 Graphics 对象添加到舞台上，就可以看到圆心到边顺时针填满的效果了。