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

【问题标题】：Is it possible to apply a blur filter to a sprite with a mask, but keep the blur contained within the mask shape?是否可以将模糊滤镜应用于带有蒙版的精灵，但将模糊保留在蒙版形状中？
【发布时间】：2018-02-14 17:48:56
【问题描述】：

我正在使用 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;

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

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

【问题讨论】：

标签： javascript pixi.js

【解决方案1】：

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

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

container.mask = mask;

【讨论】：