7

これについて何十ものチュートリアルを見てきましたが、簡単に思えます。私が望むのは、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>

これが私のJavascriptです（独自の.jsファイル内）：

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 のうちの 1 つ (つまり、私は Firefox を使用しているため、mozRequestFullScreen) が呼び出されます。私のブラウザは、私がテストしたすべてのデモでそれを開きますが、自分のコードでは開きません。

不足している変数は何ですか? これに言及しているすべてのリンクを文字通りグーグルで検索したに違いありませんが、それでも何もありません。ありがとう。

4

1 に答える 1

10

さて、私は問題を見つけました。これは動作しません：

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

これは機能します：

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

うん…3時間後。

于 2013-04-20T20:08:13.707 に答える