使用Javascript制作画布全屏[重复]

Question

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

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

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

Answer 1

scrollHeight 和 scrollWidth 可能会有所帮助

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