javascript - 清除画布中的一部分

Question

我正在画布中创建动画。最初，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