微信小程序Canvas绘制图片退出重进后继续上次绘制内容
在小程序的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');
},
这样,当退出页面时,之前保存的数据就会被清空,下次进入页面时就不会再绘制之前的内容了。
原文地址: https://www.cveoy.top/t/topic/pZPa 著作权归作者所有。请勿转载和采集!