从pixi.js调用html5全屏api

Question

我想使用pixi.js建立一个网站

使用本地html5代码，我可以通过调用以下函数onclick来调用浏览器的全屏api

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
  elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}

如何通过pixi将屏幕全屏显示？ 谁能给我样品？

Answer 1

不确定是否要询问如何在PIXI中添加点击侦听器，或如何从非DOM元素（例如PIXI Sprite）请求全屏显示。

对于前者，请参见以下示例： http : //www.goodboydigital.com/pixi-js-gets-interactive/

然后，您可以使用与上述相同的方法进行全屏显示：

    mySprite.click = function(e){
        if(document.documentElement.requestFullscreen) {
            document.documentElement.requestFullscreen();
        } else if(document.documentElement.mozRequestFullScreen) {
            document.documentElement.mozRequestFullScreen();
        } else if(document.documentElement.webkitRequestFullscreen) {
            document.documentElement.webkitRequestFullscreen();
        } else if(document.documentElement.msRequestFullscreen) {
            document.documentElement.msRequestFullscreen();
        }
    }