Html5 canvas 如何在Pixi.js中剪裁和遮罩精灵，如CSS中的“clip path”
在CSS中，我们可以使用Html5 canvas 如何在Pixi.js中剪裁和遮罩精灵，如CSS中的“clip path”,html5-canvas,sprite,pixi.js,Html5 Canvas,Sprite,Pixi.js,在CSS中，我们可以使用剪辑路径在形状内遮罩/剪辑方形图像，例如，剪辑路径：椭圆（60px 40px，75px 30px）将图像剪辑为椭圆 如何在Pixi.js中将精灵剪裁成椭圆？只需绘制一个具有指定尺寸的Pixi.Graphics，然后将其指定给sprite.mask const sprite = PIXI.Texture.fromImage('image-file') const mask = new PIXI.Graphics() mask.beginFill(0x000000) mask
剪辑路径剪辑路径：椭圆（60px 40px，75px 30px）将图像剪辑为椭圆
如何在Pixi.js中将精灵剪裁成椭圆？只需绘制一个具有指定尺寸的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