画布上的Webkit JavaScript全屏不工作

我正在尝试通过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全屏css设置为100%，但尽管它可以在垂直大小上工作，但在水平大小上仍处于关闭状态

这是一个已向Chromium团队报告的错误。您可以在

上关注该问题，并尝试以下操作

#canvas:-webkit-full-screen {
width: 100%;
height: 100%;
}
#canvas:-moz-full-screen {
width: 100%;
height: 100%;
}