微信小程序canvas绘制图片退出重进后继续上次绘制内容

要实现微信小程序canvas绘制图片退出重进后继续上次绘制内容，可以使用以下步骤：

1. 在小程序的全局数据中定义一个变量，用于保存绘制内容的状态。例如，可以定义一个数组来保存每个绘制步骤的数据。

2. 在canvas的绘制函数中，每次绘制完一步后，将绘制步骤的数据保存到全局数据中。

3. 在小程序的onHide和onShow生命周期函数中，分别将绘制内容的状态保存到本地缓存和从本地缓存中恢复。

4. 在小程序的onLaunch生命周期函数中，从本地缓存中恢复绘制内容的状态，并重新绘制。

下面是一个示例代码：

// app.js

App({
  // 全局数据
  globalData: {
    drawSteps: [] // 保存绘制步骤的数据
  },

  onLaunch: function () {
    // 从本地缓存中获取绘制内容的状态
    const drawSteps = wx.getStorageSync('drawSteps');
    if (drawSteps) {
      this.globalData.drawSteps = drawSteps;
    }
  },

  onHide: function () {
    // 将绘制内容的状态保存到本地缓存
    wx.setStorageSync('drawSteps', this.globalData.drawSteps);
  },

  onShow: function () {
    // 从本地缓存中恢复绘制内容的状态
    const drawSteps = wx.getStorageSync('drawSteps');
    if (drawSteps) {
      this.globalData.drawSteps = drawSteps;
    }

    // 重新绘制
    const ctx = wx.createCanvasContext('canvas');
    this.globalData.drawSteps.forEach(step => {
      // 绘制步骤的具体操作，根据实际情况进行修改
      ctx.drawImage(step.imagePath, step.x, step.y);
      ctx.draw(true);
    });
  }
})

在canvas的绘制函数中，每次绘制完一步后，将绘制步骤的数据保存到全局数据中，示例如下：

// page.js

Page({
  draw: function () {
    // 绘制步骤的具体操作，根据实际情况进行修改
    const ctx = wx.createCanvasContext('canvas');
    ctx.drawImage('imagePath', x, y);
    ctx.draw(true);

    // 将绘制步骤的数据保存到全局数据中
    const step = {
      imagePath: 'imagePath',
      x: x,
      y: y
    };
    getApp().globalData.drawSteps.push(step);
  }
})

这样，当用户退出小程序时，绘制内容的状态会被保存到本地缓存中；当用户再次进入小程序时，绘制内容的状态会从本地缓存中恢复，并重新绘制