uniapp小程序canvas涂鸦实现撤销和恢复上一步

要实现canvas涂鸦的撤销和恢复上一步功能，可以采用以下步骤：

1. 定义一个数组，用于存储每一步的绘制数据；
2. 监听canvas的touchstart、touchmove和touchend事件，将绘制数据存储到数组中；
3. 撤销操作时，从数组中取出最后一次绘制数据并删除，然后重新绘制整个canvas；
4. 恢复上一步操作时，将最后一次撤销的绘制数据重新添加到数组中，并重新绘制整个canvas。

以下是示例代码：

// 定义一个数组，用于存储每一步的绘制数据
let drawData = [];

// 监听canvas的touchstart、touchmove和touchend事件
canvas.addEventListener('touchstart', function(e) {
  // 记录起始坐标点
  let startX = e.touches[0].clientX;
  let startY = e.touches[0].clientY;
  
  // 绘制线条
  ctx.beginPath();
  ctx.moveTo(startX, startY);
  ctx.lineTo(startX, startY);
  ctx.stroke();
  
  // 将绘制数据添加到数组中
  drawData.push({
    type: 'start',
    x: startX,
    y: startY
  });
});

canvas.addEventListener('touchmove', function(e) {
  // 获取当前坐标点
  let currentX = e.touches[0].clientX;
  let currentY = e.touches[0].clientY;
  
  // 绘制线条
  ctx.lineTo(currentX, currentY);
  ctx.stroke();
  
  // 将绘制数据添加到数组中
  drawData.push({
    type: 'move',
    x: currentX,
    y: currentY
  });
});

canvas.addEventListener('touchend', function(e) {
  // 将绘制数据添加到数组中
  drawData.push({
    type: 'end'
  });
});

// 撤销操作
function undo() {
  // 判断数组是否为空
  if(drawData.length > 0) {
    // 取出最后一次绘制数据
    let lastData = drawData.pop();
    
    // 判断绘制数据类型
    if(lastData.type === 'start') {
      // 如果是起始点，则需要删除之前的绘制数据
      while(drawData.length > 0 && drawData[drawData.length - 1].type !== 'start') {
        drawData.pop();
      }
    }
    
    // 重新绘制整个canvas
    redraw();
  }
}

// 恢复上一步操作
function redo() {
  // 判断数组是否为空
  if(drawData.length > 0) {
    // 取出最后一次撤销的绘制数据
    let lastData = drawData[drawData.length - 1];
    
    // 判断绘制数据类型
    if(lastData.type === 'start') {
      // 如果是起始点，则需要重新添加之前删除的绘制数据
      for(let i = drawData.length - 2; i >= 0; i--) {
        if(drawData[i].type === 'start') {
          break;
        }
        drawData.push(drawData[i]);
      }
    }
    
    // 重新绘制整个canvas
    redraw();
  }
}

// 重新绘制整个canvas
function redraw() {
  // 清空canvas
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // 循环绘制数据，重新绘制整个canvas
  for(let i = 0; i < drawData.length; i++) {
    let data = drawData[i];
    if(data.type === 'start') {
      // 绘制起始点
      ctx.beginPath();
      ctx.moveTo(data.x, data.y);
    } else if(data.type === 'move') {
      // 绘制线条
      ctx.lineTo(data.x, data.y);
      ctx.stroke();
    }
  }
}

以上代码仅供参考，具体实现方式还需根据具体需求进行调整。