我正在尝试设置canvas元素的宽度/高度来填充它所在的容器。目前它可以工作,但当它填充正文时,会添加滚动条。
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/