gpt4 book ai didi

javascript - 为什么 clearRect() 没有从我的 Canvas 上移除任何东西?

转载 作者:行者123 更新时间:2023-11-27 22:58:33 24 4
gpt4 key购买 nike

我想清除整个 Canvas 。但是使用 clearRect() 并没有做任何事情。那么如何从我的 Canvas 上删除绘制的图片呢?

<canvas id="myCanvas" width="600" height="580"></canvas>
<script>
window.onload = function() {
canv = document.getElementById("myCanvas");
ctx = canv.getContext("2d");
falcon = document.getElementById("milenium_falcon");
ctx.drawImage(falcon, 315, 500, 75, 75);
document.addEventListener("keydown",keyPush);
setInterval(game,1000/15);
}
x = 0;
function game() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.drawImage(falcon, 315 - x, 500, 75, 75);
}
function keyPush(evt) {
switch(evt.keyCode) {
case 37:
x -= 5;
break;
case 39:
x += 5;
break;
}
}
</script>

最佳答案

在调用 .clearRect() 时,您使用的是变量 canvas 而不是 canv。如果您改为使用此行,它应该可以工作:

ctx.clearRect(0, 0, canv.width, canv.height);

关于javascript - 为什么 clearRect() 没有从我的 Canvas 上移除任何东西?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53992678/

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