尽管 canvas 正好适合屏幕,但为什么还有滚动条

Why are there scroll bars despite fitting a canvas exactly to the screen

我的页面只有一个可见元素:canvas。我将 canvas' 的宽度和高度设置为 window(window.innerWidthwindow.innerHeight)的宽度和高度,但是水平和垂直滚动条仍然出现并且请允许我滚动一小部分。我的 None 个元素有任何边框、填充或边距(包括 body,我专门将其设置为 none)。有没有更好的方法让 canvas 占据整个屏幕,或者我应该简单地从宽度和高度中减去一个固定的数量,那会是什么?

添加 hidden 溢出的样式。

<style>
body {
  overflow: hidden;
}
</style>