Html5 fullscreen API (全螢幕)

開發Html5 game還是希望讓瀏覽器全螢幕比較有感覺吧!

現在可以直接使用短短的語法來完成這個功能。

以下讓gameCanvas這個div全螢幕顯示(一般來說應該是你遊戲畫面的Canvas)

var gameCanvas = document.getElementById("gameCanvas");

然後把全螢幕的API綁在一個互動事件上(沒有綁事件的話，會沒有作用)

//綁在事件上

$("startGame").click(function(){ 

     //以下各瀏覽器適性

     if(gameCanvas.requestFullScreen) {
          gameCanvas.requestFullScreen();
     } else if(gameCanvas.webkitRequestFullScreen ) {
          gameCanvas.webkitRequestFullScreen();
     } else if(gameCanvas.mozRequestFullScreen) {
          gameCanvas.mozRequestFullScreen();
     }

});

Evernote 幫您記住生活的點點滴滴，輕鬆保持條理。下載 Evernote。