Javascript 如何在pixijs容器中应用不会显示的掩码';页面刷新时的颜色是什么?

Javascript 如何在pixijs容器中应用不会显示的掩码';页面刷新时的颜色是什么?,javascript,html,google-chrome,pixi.js,Javascript,Html,Google Chrome,Pixi.js,我正在使用下面的代码在容器中应用掩码,但在我单击页面(chrome)上的刷新按钮后,pixi阶段将完全变为白色,直到刷新完成。你知道怎么修吗 let mask = new PIXI.Sprite(PIXI.Texture.WHITE); mask.x = maskX; mask.y = maskY; mask.width = maskWidth; mask.height = m

我正在使用下面的代码在容器中应用掩码,但在我单击页面(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;

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


删除
addChild()
调用,它将正确屏蔽,但另外,如果您所做的只是屏蔽矩形区域,则应将容器桅杆设置为PIXI.Rectangle而不是sprite。

屏蔽不应是容器的子级。您正在创建精灵,将其添加为可见子对象,然后使用精灵的边界矩形作为遮罩


删除
addChild()
调用,它将正确屏蔽,但另外,如果您所做的只是屏蔽矩形区域,则应将容器桅杆设置为PIXI.Rectangle而不是sprite。

通过“单击刷新按钮”,您的意思是“在浏览器中重新加载页面”(又名:F5)?你希望达到什么样的效果?是的F5,我一点也不希望有效果,我只是不想在画布前面出现白色的遮罩“点击刷新按钮”你是说“在浏览器中重新加载页面”(又名:F5)?您希望达到的预期效果是什么?是的F5,我根本不希望有效果,我只是不希望在画布前面出现白色的遮罩,所以应该是var mask=new PIXI.Graphics();mask.beginull(0x555555)mask.drawRect(maskX、maskY、maskWidth、maskHeight)mask.endFill()container.mask=mask?这会起作用,但更简单:
container.mask=new PIXI.Rectangle(x,y,width,height)如果遮罩是复杂形状,则只需使用PIXI.Graphics对象进行遮罩。否则,请使用原语。很抱歉,它似乎对我不起作用。我得到了未捕获的TypeError:t.render不是一个函数…/thirdparty/pixi.v5.1.3.min.js行:8 colno:143641所以它应该是var mask=new pixi.Graphics();mask.beginull(0x555555)mask.drawRect(maskX、maskY、maskWidth、maskHeight)mask.endFill()container.mask=mask?这会起作用,但更简单:
container.mask=new PIXI.Rectangle(x,y,width,height)如果遮罩是复杂形状,则只需使用PIXI.Graphics对象进行遮罩。否则,请使用原语。很抱歉,它似乎对我不起作用。我得到了未捕获的TypeError:t.render不是函数…/thirdparty/pixi.v5.1.3.min.js行:8 colno:143641