时间戳

首页 > 解决方案 > 如何在页面刷新时不显示颜色的pixijs容器中应用掩码？

javascript - 如何在页面刷新时不显示颜色的pixijs容器中应用掩码？

问题描述

我正在使用下面的代码在容器中应用蒙版，但是在我单击页面（chrome）上的刷新按钮后，pixi 阶段变为完全白色，直到刷新完成。你知道怎么解决吗？

            let mask = new PIXI.Sprite(PIXI.Texture.WHITE);
            mask.x = maskX;
            mask.y = maskY;
            mask.width = maskWidth;
            mask.height = maskHeight;
            container.addChild(mask);
            container.mask = mask;

标签： javascripthtmlgoogle-chromepixi.js

解决方案

面具不应该是容器的孩子。您正在创建一个精灵，将其添加为可见的子对象，然后使用精灵的边界矩形作为蒙版。

删除addChild()调用，它会正确屏蔽，但此外，如果您所做的只是屏蔽一个矩形区域，您应该将容器桅杆设置为 PIXI.Rectangle 而不是精灵。

推荐阅读