画布 擦除后 没效果

擦除后原来的还是会显示
$(function() {
// 获取到画布
var canvas = document.getElementById('tutorial');
// 获取2d画布
var ctx = canvas.getContext("2d");
animation(ctx,canvas);

});
/**
* 画圆方法 传 坐标 半径
*/
function drawCircle(ctx, x, y, r) {
ctx.fillStyle = "#FFFFFF";
ctx.moveTo(x, y);
ctx.arc(x, y, r, Math.PI * 0, Math.PI * 2); // 绘制
ctx.fill();
}
/**
* 动画
*/
function animation(ctx,canvas) {
var i=1;
var x=500;
var y=300;

//圆变大动画
setInterval(function(){
debugger;
drawCircle(ctx,x,y,10*i);
i++;
if(i==20){
debugger;
i=1;
ctx.clearRect(0,0,canvas.width,canvas.height);
x=x*2;
y=y*2;
}
},100);


}
已邀请:

MrSoya

赞同来自:

每次重绘前用beginPath,清空路径

要回复问题请先登录注册