是否可以将模糊滤镜应用于带有蒙版的精灵，但将模糊保持在蒙版形状内？

Question

我正在使用 Pixi 绘制图像，然后对其应用视频 alpha 蒙版，如下所示：

var bg = PIXI.Sprite.fromImage(data.imageUrl);
var texture = PIXI.Texture.fromVideo(data.maskUrl);

bg.mask = mask;
app.stage.addChild(mask, bg);

效果很好。然后我决定我希望能够在某个点模糊图像，所以我研究了如何应用模糊，并得出了这个代码：

var blurFilter = new PIXI.filters.BlurFilter();
bg.filters = [blurFilter];
blurFilter.blur = 10;

然而，这有一个意想不到的副作用，即使用蒙版模糊合成图像（换句话说，蒙版包含在模糊计算中，并且模糊超出蒙版的边缘）

有没有什么方法可以模糊精灵图像，但保持蒙版清晰，掩盖模糊图像的结果？

Answer 1

我最终发现我可以创建一个容器 PIXI.Container 并将 sprite 添加到其中，但是将遮罩应用于容器而不是..然后应用于 sprite 的模糊是... 包含.

var container = new PIXI.Container;
container.addChild(bg);

container.mask = mask;

Is it possible to apply a blur filter to a sprite with a mask, but keep the blur contained within the mask shape?