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

Question

我想知道如何清除 HTML5 Canvas 及其上渲染的元素，或使用纯色绘制它，或两者兼而有之。

真的，我只是想重置一下。 清空 Canvas 和/或将其设置为纯色的正确方法是什么？我不确定是否应删除 Canvas 上的特定元素，或者是否将其重新绘制为空白即可必须要做。我对 Canvas 还很陌生。

Answer 1

您可以使用纯色填充 Canvas ，如下所示:

context.fillStyle='skyblue';

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

无需单独“删除”以前的绘图，因为它们只是 Canvas 上的像素，会被新的 fillRect 覆盖。

如果您想清除 Canvas (其中所有像素都是完全透明的)，您可以这样做:

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

干杯!