呼喚遠(yuǎn)方
2023-07-06 14:38:11
我有這段代碼:<!DOCTYPE html><html> <head> <script> window.addEventListener('load', () => { document.getElementById("c").width = document.documentElement.clientWidth; document.getElementById("c").height = document.documentElement.clientHeight; }) </script> </head> <body style="margin: 0;"> <canvas id="c" style="background-color: red;"></canvas> </body></html>為什么它會生成比瀏覽器視口更大的畫布,并制作滾動條?除此之外,它在畫布下方留出了一些空白。為什么以及如何解決?謝謝!
1 回答

神不在的星期二
TA貢獻(xiàn)1963條經(jīng)驗 獲得超6個贊
默認(rèn)情況下,畫布顯示設(shè)置為display: inline;
您只需將畫布顯示設(shè)置為display: block;
<!DOCTYPE html>
<html>
<head>
<script>
window.addEventListener('load', () => {
document.getElementById("c").width = document.documentElement.clientWidth;
document.getElementById("c").height = document.documentElement.clientHeight;
})
</script>
</head>
<body style="margin: 0;">
<canvas id="c" style="background-color: red; display: block;"></canvas>
</body>
</html>
添加回答
舉報
0/150
提交
取消