使用Javascript

时间:2018-06-15 22:45:14

标签: javascript html5-canvas fullscreen

所以我试图使用Javascript为HTML文档制作全屏画布。我研究过如何创建全屏画布,我发现了一种方法,但它不是完美的全屏。底部有额外的底部,使滚动条出现。我使用的代码是:

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

我发现我的浏览器(Chrome)中的书签会推动画布,当我删除它时,它不会溢出。无论如何,如果我有一个书签或不这样做它总是会产生一个全屏画布,没有额外的侧面和底部

1 个答案:

答案 0 :(得分:1)

scrollHeightscrollWidth可能会有所帮助

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