如何在Pixi.js中像CSS中的clip-path一样剪辑和掩盖精灵

Question

在CSS中，我们可以使用clip-path遮罩/剪切形状内的正方形图像，例如，clip-path: ellipse(60px 40px at 75px 30px);会将图像剪切成椭圆形。

如何在Pixi.js中将精灵剪成椭圆形？

Answer 1

只需绘制具有指定尺寸的PIXI.Graphics，然后将其分配给sprite.mask。

const sprite = PIXI.Texture.fromImage('image-file')
const mask = new PIXI.Graphics()
mask.beginFill(0x000000)
mask.drawEllipse(75, 30, 60, 40)
sprite.mask = mask