html canvas clearRect（）不起作用

Question

我研究HTML畫布並嘗試制作簡單的動畫。 我想使矩形向右移動。 您可以在這里查看我的代碼。 http://codepen.io/inkluter/pen/GgeQqj

var x = 0, y = 0, w = 200, h = 100;

    function draw() {
       c.clearRect(0, 0, c.width, c.height);

       x++;
       c.beginPath();
       c.strokeRect(x, y, w, h);
       c.closePath();

       requestAnimationFrame(draw); 
    };

問題是clearRect（）函數似乎不起作用。 仍顯示在畫布上的舊矩形。

我究竟做錯了什么？

Answer 1

“ width”和“ height”屬性是在canvas元素而不是上下文中定義的。 改寫c.clearRect（0，0，canvas.width，canvas.height）。