Question

我的笔记本电脑屏幕分辨率：1366x768

var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.canvas.width  = window.innerWidth;
ctx.canvas.height = window.innerHeight;

此代码创建1366x600画布（chrome），因为firefox和IE会创建不同的画布宽度和高度。可以整屏吗？ 全屏测试所有内容

Answer 1

听起来您想要使用HTML5 Fullscreen API。这是一篇关于这个主题的好文章。

简而言之，您的canvas元素要求全屏显示：

var canvas = document.getElementById("canvas");
canvas.requestFullscreen();

上述链接文章应详细解释详细信息和跨平台警告。

如果你想简单地让画布占用浏览器窗口中的所有可用空间，那只需要一些CSS。在谷歌搜索“全屏画布”后，这是第三个链接，它显示了使其工作所需的CSS：