HTML5 Canvas适合窗口

Question

当我这样做时,我正试图让我的画布适合页面:

ctx.canvas.width = window.innerWidth;
ctx.canvas.height = window.innerHeight;

它只是水平和垂直,这是添加滚动条.它过去的大小是关于滚动条的大小在它们偶然出现之前被考虑(只是一个猜测)这是什么发生的,我将如何让它适合没有滚动条的页面.

Answer 1

将画布位置设置为absolute.还要确保在包含元素中没有设置填充或边距.

这就是我在所有全屏幕画布演示中使用的内容.

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
canvas {
    position:absolute;
}