gpt4 book ai didi

javascript - 用JS设置元素宽度超过html innerWidth

转载 作者:行者123 更新时间:2023-12-03 03:34:00 26 4
gpt4 key购买 nike

在使用 window.innerWidth 和 window.innerHeight 选择 Canvas 宽度和高度时,应设置 Canvas 宽度和高度以适合不包括工具栏和所有内容的屏幕,但不知何故它超出了 html 高度和宽度。

<style>
body, html {
margin: 0;
padding: 0;
}


</style>

<body>
<canvas id="myCanvas"></canvas>
<script>
var myCanvas = document.getElementById("myCanvas");
var c = myCanvas.getContext("2d");
myCanvas.width = window.innerWidth;
myCanvas.height = window.innerHeight;
myCanvas.style.backgroundColor = "#000000";
</script>
</body>

我该如何解决这个问题?我看过其他示例,它们的作用完全相同,但这在我的代码中不起作用。

最佳答案

我有这个issue ,这是因为 Canvas 是内联元素。

要使其不是内联元素,请将其转换为 block 元素,如下所示:

canvas {
display: block;
}

关于javascript - 用JS设置元素宽度超过html innerWidth,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45952260/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com