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

Question

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

真的，我只是想要重置一下。 清空 canvas and/or 的正确方法是什么？ 我不确定 canvas 上的特定元素是否应该被删除，或者如果重新粉刷它是所有必须要做的。我完全是 canvas 的新手。

Answer 1

您可以像这样用纯色填充 canvas：

context.fillStyle='skyblue';

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

不需要单独 "erase" 以前的绘图，因为它们只是 canvas 上的像素，会被新的 fillRect 覆盖。

如果你想清除canvas（所有像素都是完全透明的）你可以这样做：

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

干杯！

What's the proper way to empty an HTML5 Canvas?