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

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;

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

有没有办法模糊 Sprite 图像，但保持蒙版清晰，掩盖模糊图像的结果？

Answer 1

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

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

container.mask = mask;