javascript - Canvas の一部をクリアする

Question

Canvasでアニメーションを作成しています。最初に、Canvas には一連の画像が描画されます。一定時間後、たとえば 5 秒後に、画像を元の場所から消去し、別の場所に描画する必要があります。

画像をクリアするために、 context.clearRect() を使用してその部分をクリアしようとしましたが、うまくいきませんでした。これを行う他の方法はありますか？

Answer 1

clearRectが正しい方法です。変換を適用すると、キャンバス内の別の四角形がクリアされる可能性があることに注意してください。これは、次を使用していつでも修正できます。

// I have lots of transforms right now
ctx.save();
ctx.setTransform(1, 0, 0, 1, 0, 0);
// Will always clear the right space
ctx.clearRect(x, y, width, height);
ctx.restore();
// Still have my old transforms