畫布 - 清除矩形不起作用

Question

我想從畫布的頂部向底部移動矩形。但不知何故，畫布不會被清除。哪裏不對？

js fiddle

JS

(function animloop(){ 
    requestAnimFrame(animloop); 
    redraw(); 
})(); 


    function redraw() { 

     ctx.clearRect(0,0,canvasWidth, canvasHeight); 
     ctx.rect(20,y,50,50); 
     ctx.fillStyle="red"; 
     ctx.fill(); 
     y += 2; 

    } 

Answer 1

它被清除，但你不開始新的路徑，因此老被不斷重畫。

地址：

ctx.beginPath(); 

在 redraw()功能

。

你也可能想看看

• What exactly is a canvas path, and what is the use of ctx.closePath()?
• Canvas consumes a lot of memory

和/或類似的。