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