Why is clearRect() not removing anything from my canvas?

Question

I want to clear a full canvas. But using clearRect() isn't doing anything. So how can I remove the drawn picture from my 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>

Hydrothermal · Accepted Answer · 2019-01-01 02:54:30Z

3

In your call to .clearRect(), you are using the variable canvas instead of canv. It should work if you use this line instead:

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

answered Jan 1, 2019 at 2:54

Hydrothermal

5,1317 gold badges33 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why is clearRect() not removing anything from my canvas?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related