clear html5代码,HTML5 clearRect不起作用

你好，有人可以告诉我，我的代码有问题。当我做清楚的矩形，它是行不通的。

我只是试图在画布中移动球。其实我的球留下了痕迹。这种线是假的。

var dropBall = $("#dropBall")[0];

var dropContext = dropBall.getContext("2d");

dropContext.fillStyle = "green";

var ballX = 200;

var ballY = 200;

function activeBall() {

dropContext.clearRect(0, 0, dropBall.width, dropBall.height);

dropContext.arc(ballX, ballY, 10, 2 * Math.PI, 0, true);

dropContext.fill();

ballY--;

ballX++;

var time = 100;

setTimeout("activeBall()", time);

}

activeBall();