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

尝试这个

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

这是已向 Chromium 团队报告的错误。您可以在http://code.google.com/p/chromium/issues/detail?id=138368关注问题

于 2013-01-01T17:07:40.493 回答