pixijs 填充后叠加图片

在 PixiJS 中，你可以使用 `PIXI.Sprite` 对象来叠加图片。下面是一个简单的示例代码：

const app = new PIXI.Application({ width: 800, height: 600 });
document.body.appendChild(app.view);

const graphics = new PIXI.Graphics();
graphics.beginFill(0xFF0000);
graphics.drawRect(0, 0, 100, 100); // 绘制一个红色的矩形

const texture = PIXI.Texture.from('path/to/image.png'); // 加载图片
const sprite = new PIXI.Sprite(texture); // 创建 Sprite 对象
sprite.position.set(50, 50); // 设置位置

app.stage.addChild(graphics); // 添加矩形到舞台
app.stage.addChild(sprite); // 添加图片到舞台

在上面的代码中，我们首先创建了一个 `PIXI.Graphics` 对象，使用 `beginFill` 方法填充红色，再使用 `drawRect` 方法绘制一个矩形。然后创建一个 `PIXI.Sprite` 对象，加载一张图片，并设置其位置。最后将矩形和图片添加到舞台上进行叠加显示。

需要注意的是，图片会被添加到舞台上，所以需要设置其位置和大小等属性来进行调整。同时，如果你需要在图片上面添加其他内容，也可以使用 `PIXI.Graphics` 对象进行绘制。