javascript - 动画 Canvas 中的对象

jsfiddle：http://jsfiddle.net/Z2YSt/173/

代码 ：

function createShipMissil(x, y, imgw, imgh) {
            MissileCtx.save();
            MissileCtx.clearRect(0, 0, imgw, imgh);
            MissileCtx.fillStyle = "rgba(0,200,0,1)";
            MissileCtx.fillRect(x, y, imgw, imgh);
            MissileCtx.restore();
            y -= 1;
            setTimeout(function () { createShipMissil(x, y, imgw, imgh); }, 30);

        }

我的问题是，绘制线条时，它看起来是连续的。我如何更改它使其看起来像一个矩形移动？

最佳答案

尝试以下方法：

MissileCtx.clearRect(x, y, 1, 30);

Demo