清空HTML5 Canvas的正确方法是什么？

Question

我想知道如何使用在其上呈现的元素清除HTML5 Canvas，或者使用纯色或两者绘制它。

真的，我只想重置一下。 清空画布和/或将其设置为纯色的正确方法是什么？我不确定是否应删除画布上的特定元素，或者是否把它画成空白是必须要做的。我完全是画布的新手。

Answer 1

您可以使用如下纯色填充画布：

context.fillStyle='skyblue';

context.fillRect(0,0,canvas.width,canvas.height);

不需要单独“擦除”以前的绘图，因为它们只是画布上被新fillRect覆盖的像素。

如果要清除画布（所有像素都是完全透明的），可以执行以下操作：

context.clearRect(0,0,canvas.width,canvas.height);

干杯！