从pixi.js调用html5全屏api

Question

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

使用原生html5代码我可以通过调用以下函数调用浏览器的全屏api onclick

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();
        }
    }