在小程序的Page对象中,可以使用data属性存储绘制内容的相关数据。当退出小程序页面后,再次进入时可以通过获取到的data数据进行绘制。

首先,需要在onLoad方法中获取上次绘制内容的数据,并将其设置到data对象中。例如:

onLoad: function () {
  const savedData = wx.getStorageSync('savedData');
  if (savedData) {
    this.setData(savedData);
  }
},

然后,在drawTable方法中,在绘制完内容之后,将绘制的数据保存到本地。例如:

drawTable() {
  // 绘制内容...

  // 将绘制的数据保存到本地
  wx.setStorageSync('savedData', this.data);
},

这样,在下次进入页面时,就可以从本地获取到上次绘制的数据,并进行绘制。

另外,还需要在退出页面时清空保存的数据。可以在onUnload方法中添加清空操作。例如:

onUnload: function () {
  wx.removeStorageSync('savedData');
},

这样,当退出页面时,之前保存的数据就会被清空,下次进入页面时就不会再绘制之前的内容了。

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

原文地址: https://www.cveoy.top/t/topic/pZPa 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录