javascript - 使用 Javascript 使 Canvas 全屏显示

Question

这个问题已经有答案了:

HTML Canvas Full Screen (15 个回答)

已关闭 5 年前。

所以我尝试使用 Javascript 为 HTML 文档制作全屏 Canvas 。我研究了如何创建全屏 Canvas ，找到了一种方法，但它不是完美的全屏。底部两侧有额外的内容，使滚动条出现。我使用的代码是:

canvas = document.getElementById("canvas");
canvas.width = window.innerWidth
canvas.height = window.innerHeight

我发现我的浏览器(Chrome)中的书签会推动画布，并且当我删除它时它不会溢出到外面。无论如何，如果我有书签或没有书签，它总是会导致全屏 Canvas ，侧面和底部没有多余的内容

Answer 1

scrollHeight 和 scrollWidth 可能会有所帮助

canvas.width = document.body.scrollWidth
canvas.height = document.body.scrollHeight