Javascript 清理帆布

我目前正在尝试创建一个带有雨滴的画布，我唯一的问题是雨滴在屏幕上生成后没有清除。所以基本上，水滴会继续填满画布，直到全部变成蓝色！水滴落下后，我需要清理画布

以下是我的绘图和设置功能：

function draw() {
        drawBackground();

        for (var i=0; i< nOfDrops; i++)
        {
        ctx.drawImage (rainDrops[i].image, rainDrops[i].x, rainDrops[i].y); //The rain drop

        rainDrops[i].y += rainDrops[i].speed; //Set the falling speed
        if (rainDrops[i].y > 450) {  //Repeat the raindrop when it falls out of view
        rainDrops[i].y = -25 //Account for the image size
        rainDrops[i].x = Math.random() * 600;    //Make it appear randomly along the width    
        }

        }
    }

    function setup() {
        var canvas = document.getElementById('canvasRain');

        if (canvas.getContext) {
                ctx = canvas.getContext('2d');

                    imgBg = new Image();
            imgBg.src = "";
        setInterval(draw, 36);
        for (var i = 0; i < nOfDrops; i++) {
            var rainDr = new Object();
            rainDr["image"] =  new Image();
            rainDr.image.src = "rain.png";



            rainDr["x"] = Math.random() * 600;
            rainDr["y"] = Math.random() * 5;
            rainDr["speed"] = 3 + Math.random() * 5;
            rainDrops.push(rainDr);

            }

        }
    }

函数绘图（）{
牵引杆接地（）；
对于（变量i=0；i450）{//当雨滴落在视野之外时，重复雨滴
雨滴[i].y=-25//说明了图像的大小
雨滴[i].x=Math.random（）*600；//使其沿宽度随机出现
}
}
}
函数设置（）{
var canvas=document.getElementById（'canvasRain'）；
if（canvas.getContext）{
ctx=canvas.getContext（'2d'）；
imgBg=新图像（）；
imgBg.src=“”；
设定间隔（图36）；
对于（变量i=0；i

我很确定我需要在我的draw函数中清除画布，但我不确定确切的位置或方式。如果您需要完整的代码或有任何问题，请告诉我。谢谢。

使用

要清除整个画布，请执行以下操作：

ctx.clearRect（0，0，canvas.width，canvas.height）

如果你想知道把它放在哪里，你可以把它放在绘图函数的开头，这样在每一帧之前它就会被清除。

使用

要清除整个画布，请执行以下操作：

ctx.clearRect（0，0，canvas.width，canvas.height）

---

如果你想知道把它放在哪里，你可以把它放在绘图函数的开头，这样它在每一帧之前都会被清除。

我现在在MDN上找不到它的可能副本，但我认为

canvas.width=canvas.width也将重置画布。是的。请看这里：OP：看起来这是你关于StackOverflow的第一篇文章。如果我的答案对你有帮助，请记为正确。欢迎来到这个网站。我现在在MDN上找不到它，但我想
canvas.width=canvas.width也将重置画布。是的。请看这里：OP：看起来这是你关于StackOverflow的第一篇文章。如果我的答案对你有帮助，请记为正确。欢迎来到这个网站。