0

私はjavascriptを介してキャンバスをフルスクリーンにしようとしています。

Firefoxでは正常に動作しますが、Chromeでは動作しません。

これが私がすることです：

document.addEventListener('webkitfullscreenchange', function(e) {
    var canv = gamvas.getCanvas();
    if (canv) {
        if (document.webkitIsFullScreen) {
            gamvas._isFullScreen = true;
            canv.style.width=screen.width+'px';
            canv.style.height=screen.height+'px';
        } else {
            gamvas._isFullScreen = false;
            canv.style.width=canv.width+'px';
            canv.style.height=canv.height+'px';
        }
    }
}, false);

次に、canvas.webkitRequestFullscreen（）を使用すると、上記のコードが呼び出され、デスクトップの正しいscreen.width / heightが表示されますが、結果はスケーリングされているように見えます。したがって、ブラウザがデスクトップよりも少ない画面モードを設定するか、キャンバスをアップスケールします。その結果、キャンバスが画面に一致せず、パーツが画面の右と下の境界を越えて流れます。

-webkit-full-screen cssを100％で使用しようとしましたが、垂直サイズでは機能しますが、水平サイズではオフのままです。

4

2 に答える 2

0

これは Chromium チームに報告されたバグです。http://code.google.com/p/chromium/issues/detail?id=138368で問題を追跡できます。

于 2013-01-01T17:07:40.493 に答える
0

これを試して

#canvas:-webkit-full-screen {
width: 100%;
height: 100%;
}
#canvas:-moz-full-screen {
width: 100%;
height: 100%;
}
于 2013-01-07T08:36:19.077 に答える