canvas清空鼠标框选的矩形，

在HTML5 Canvas上，如果你想要清除鼠标框选的矩形区域，可以使用`drawRect()`函数配合`clearRect()`函数来实现。首先，你需要获取用户选择的矩形区域的信息，这通常通过监听`mousedown`、`mousemove`和`mouseup`事件来完成。当鼠标按下（mousedown）开始绘制，移动鼠标时更新绘制范围，鼠标抬起（mouseup）时结束并清除。

下面是一个简单的示例步骤：

1. 创建一个Canvas元素，并设置其点击事件处理器：

var canvas = document.getElementById('myCanvas');
canvas.addEventListener('mousedown', startSelect);
canvas.addEventListener('mouseup', endSelect);

2. 定义开始选择（startSelect）和结束选择（endSelect）的函数：

let isDrawing = false;
let startX, startY, endX, endY;

function startSelect(event) {
    isDrawing = true;
    startX = event.offsetX;
    startY = event.offsetY;
}

function endSelect(event) {
    if (isDrawing) {
        isDrawing = false;
        endX = event.offsetX;
        endY = event.offsetY;
        
        // 清除矩形区域
        clearSelection(startX, startY, endX, endY);
    }
}

3. `clearSelection` 函数用于清除选定区域：

function clearSelection(x1, y1, x2, y2) {
    var ctx = canvas.getContext('2d');
    
    // 如果两个点未选中，清除整个画布
    if (!x1 || !y1) {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
    } else {
        // 使用clearRect清除从左上角到右下角的矩形
        ctx.clearRect(x1, y1, Math.abs(x2 - x1), Math.abs(y2 - y1));
    }
}

这个例子假设你已经有了一个名为`myCanvas`的Canvas元素。当你在Canvas上拖动鼠标时，它会清除鼠标框选的部分。注意实际应用中可能需要考虑边缘处理等细节。