2D Context函数clearRect()用于清除画布的矩形。清除的矩形变为透明。这是一个代码示例：

var canvas  = document.getElementById("ex1");
var context = canvas.getContext("2d");

context.fillStyle = "#ff0000";
context.fillRect(10,10, 100,100);

context.strokeStyle = "#0000ff";
context.strokeRect(30,20, 120, 110);

context.clearRect(50, 30, 110, 35);

请注意，现在如何清除红色和蓝色矩形中的一个矩形。

如前所述，使用" clearRect()"区域清除的内容变为透明的。如果canvas元素已放置在另一个元素的顶部，则该元素的内容将通过清除区域可见。

clearRect(x，y，宽度，高度)

就像绘制矩形一样，传递给clearRect()的4个参数表示要清除的矩形的左上角，以及要清除的矩形的宽度和高度。

这是一个更明确的示例：

var x = 50;
var y = 30;
var width  = 110;
var height = 25;

context.clearRect(x, y, width, height);