HTML5キャンバスを全画面表示にするにはどうすればよいですか？

Question

私はこれについて数十のチュートリアルを見てきました。私が望むのは、自分のHTML5キャンバス要素を全画面表示にすることです（全画面表示、全体モニタ表示）。ここで

は私のHTMLです：

<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> 

は、ここで（独自の.jsファイルに）私のJavascriptです：

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

私は機能をテストしました。それは呼び出され、3つのif（つまり、私はFirefoxを使用しているので、mozRequestFullScreen）が呼び出されます。私のブラウザは、テストしたすべてのデモでそれを開きますが、自分のコードでは開きません。

欠けている変数は何ですか？私は文字通りこれを言及するすべてのリンクをグーグルで見つけたに違いありません。ありがとう。

Answer 1

さて、問題が見つかりました。これは動作しません：

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

うん... 3時間後：

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

これは動作しません。