我正在尝试通过 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%,但是虽然它适用于垂直尺寸,但它仍然在水平尺寸上关闭