我试图设置画布元素的宽度/高度来填充它所在的容器。当前它可以工作，但是当它填充主体时，会添加滚动条。
let masterCanvas = document.querySelector('canvas');
let parent = masterCanvas.parentElement;
masterCanvas.width = parent.offsetWidth;
masterCanvas.height = parent.offsetHeight;
我有以下样式：
<style>
body, html { padding: 0; margin: 0; width: 100vw; height: 100vh; }
* { box-sizing: border-box; }
</style>
和以下主体：
<body>
<canvas></canvas>
</body>
这是一个证明这一点的小提琴：https://jsfiddle.net/ynkcfsud/
最佳答案
canvas元素的行为类似于图像，因此它是嵌入式元素。您需要将display: block应用于画布。
关于javascript - 设置 Canvas 大小以填充正文将滚动条添加到窗口，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42422678/