10个图像反弹javascript。无法使用clearRect

您好，我正在制作这段代码，其中画布上有10个图像，应该开始在画布上反弹。问题是我不知道在这种情况下如何使用clearRect。我试过了，但没能成功。而且，随着时间的推移，图像开始变慢

Pregunta clases var canvas=document.getElementByIdventana； var context=canvas.getContext2d； var cuadrados=10； 变量y=[]； var x=[]； var Cuadrado1=新图像； Cuadrado1.src='Cuadrado1.jpg'；

---

fori=0；我只需清除每个帧中的整个画布

var aeio = setInterval(function ab() {
    context.clearRect(0, 0, 600, 600);

    for (k = 0; k < cuadrados; k++) {
        context.drawImage(Cuadrado1, x[k], y[k], 30, 30);
        if (y[k] >= 600) {
            direccion = -1;
        } else if (y[k] <= 0) {
            direccion = 1;
        }
        y[k] = y[k] + velocidad * direccion;
    }
}, 1);

---

确保您的属性包含了代码段。