HTML5 kanvasını tam ekrana nasıl getirebilirim?

Question

Bu konuda düzinelerce eğitici gördük, ve ileriye doğru görünüyor. Tek istediğim, HTML5 tuval öğemi tam ekrana getirmektir (tam ekranın tamamında olduğu gibi, tüm ekranı kaplayan).

<p><canvas id="screen" width="800" height="500" 
    style="background: #FFFFFF; border: 5px solid black;" role="img"> 
     Your browser does not support the canvas element. 
</canvas></p> 

<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p> 

İşte (kendi .js dosyasında) benim JavaScript var: Burada

benim HTML var

function goFullScreen(){ 
    var canvas = document.getElementById("screen"); 
    if(canvas.requestFullScreen) 
     canvas.requestFullScreen(); 
    else if(canvas.webkitRequestFullScreen) 
     canvas.webkitRequestFullScreen(); 
    else if(canvas.mozRequestFullScreen) 
     canvas.mozRequestFullScreen(); 
} 

Ben fonksiyonunu test; çağrılır ve üç ifs'ten biri (yani Firefox kullanıyorum, mozRequestFullScreen) çağrılır. Tarayıcım test ettiğim her demosunda açar, ancak kendi kodumda değil.

Eksik değişken nedir? Googled'in tam anlamıyla her bağlantıdan bahsetmeliydim, ve hala hiçbir şey. Teşekkürler.

Answer 1

Tamam, sorunu buldum. Bu işe yaramazsa:

<p><button onclick="goFullScreen();">Go Fullscreen</button></p> 

... Evet 3 saat sonra:

<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p> 

Bu çalışma YAPAR.