为什么画布行为不正常？

Question

I want CANVAS (gray part) to always cover the screen.我希望CANVAS （灰色部分）始终覆盖屏幕。
But it covers too much.但它涵盖的太多了。
What to do?该怎么办？
(I don't want to use CSS) （我不想使用 CSS）

 resize(); function resize() { document.getElementById("can").style.width = window.innerWidth + "px"; document.getElementById("can").style.height = window.innerHeight + "px"; }

 body { margin: 0; padding: 0; } #can { margin: 0; padding: 0; background-color: #eee; }

 <body onresize="resize();"> <canvas id="can" /> </body>

Answer 1

You need to add display: block;您需要添加display: block; css to your canvas. CSS 到你的画布。

 resize(); function resize() { document.getElementById("can").style.width = window.innerWidth + "px"; document.getElementById("can").style.height = window.innerHeight + "px"; } window.addEventListener('resize', resize);

 body { margin: 0; padding: 0; } #can { display: block; margin: 0; padding: 0; background-color: #eee; }

 <canvas id="can" />

为什么画布行为不正常？

问题描述

1 个解决方案

解决方案1
1 已采纳 2022-05-27 11:12:40

为什么画布行为不正常？

问题描述

1 个解决方案

解决方案1 1 已采纳 2022-05-27 11:12:40

解决方案1
1 已采纳 2022-05-27 11:12:40