微信小程序canvas绘制图片退出重进后继续上次坐标位置绘制内容 - 小程序开发教程

在小程序中，页面的数据是不会保存的，当退出页面后再次进入时，数据会重新初始化。如果需要在重新进入页面时继续上次坐标位置绘制内容，可以通过以下方式实现：\n\n1. 在页面的 onLoad 生命周期函数中获取上次离开页面时保存的数据，可以通过 wx.getStorageSync() 方法获取上次保存的数据。\n\njavascript\nonLoad: function () {\n const rows = wx.getStorageSync('rows');\n const clickCount = wx.getStorageSync('clickCount');\n const disabled = wx.getStorageSync('disabled');\n\n this.setData({\n rows: rows || [],\n clickCount: clickCount || 0,\n disabled: disabled || false\n });\n}\n\n\n2. 在页面的 onUnload 生命周期函数中保存当前数据，可以通过 wx.setStorageSync() 方法保存数据。\n\njavascript\nonUnload: function () {\n const { rows, clickCount, disabled } = this.data;\n\n wx.setStorageSync('rows', rows);\n wx.setStorageSync('clickCount', clickCount);\n wx.setStorageSync('disabled', disabled);\n}\n\n\n这样，在重新进入页面时，就可以获取上次保存的数据，然后在 drawTable 方法中根据上次保存的数据进行绘制。\n\n注意：上述方法是将数据保存在本地缓存中，如果需要在不同的手机上共享数据，可以考虑使用其他的数据存储方式，如服务器数据库等。