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

从 pixi.js 调用 html5 全屏 api

call html5 fullscreen api from pixi.js

html

javascript

pixi.js