清除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