微信小程序画布绘画后会保存坐标，如何在此基础上添加橡皮擦功能

微信小程序的Canvas API允许开发者绘制图形，并通过设置每条路径的数据点来记录坐标。如果你想在已经绘制的基础上添加橡皮擦功能，你可以按照以下步骤操作：

1. **获取当前画布状态**：首先，你需要保存下当前的Canvas状态，包括所有的路径、颜色和宽度等信息。这通常通过`wx.createSelectorQuery()`方法选择画布节点，然后调用`.selectAll()`获取所有节点的状态。

const ctx = wx.createSelectorQuery().select('#canvas').fields({
  node: true,
  size: true,
  style: true
}).exec((res) => {
  // res[0].node 就是画布节点，可以提取样式属性作为备份
});

2. **橡皮擦绘制函数**：创建一个橡皮擦绘制函数，这个函数会在给定的区域清除之前的路径。你可以根据用户点击的位置和橡皮擦大小来计算需要擦除的部分。例如，如果橡皮擦半径为50px，那么在相应位置减去一个圆形区域。

function erase(e) {
  const touchX = e.touches[0].clientX;
  const touchY = e.touches[0].clientY;
  const brushSize = 50; // 橡皮擦直径
  ctx.clearRect(touchX - brushSize / 2, touchY - brushSize / 2, brushSize, brushSize);
}

3. **处理用户交互**：监听用户的触摸事件（如touchstart, touchmove, touchend），并在这些事件中调用`erase`函数，传入用户的触碰坐标。

4. **保留历史记录**：如果你希望用户能够撤销操作，你还需要记录每一笔的操作历史，以便后续擦除或恢复。这通常需要额外的数据结构来存储每个操作的坐标和类型（绘画还是擦除）。