设置画布大小以填充正文是向窗口添加滚动条

时间:2017-02-23 17:40:57

标签: javascript

我正在尝试设置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/

0 个答案:

没有答案