微信小程序canvas绘制图片退出重进后继续上次绘制内容教程
要实现小程序canvas绘制图片退出重进后继续上次绘制内容,可以通过以下步骤来实现:\n\n1. 在app.js中定义一个全局变量,用来存储绘制内容的数据。\njavascript\nApp({\n globalData: {\n canvasData: null\n }\n})\n\n\n2. 在绘制完成后,将绘制内容的数据存储到全局变量中。\njavascript\nsaveImg() {\n wx.canvasToTempFilePath({\n //...\n success: (res) => {\n //...\n // 将绘制的内容数据存储到全局变量中\n app.globalData.canvasData = this.data.rows;\n },\n //...\n }, this);\n},\n\n\n3. 在页面的onReady生命周期函数中,判断全局变量中是否存在绘制内容的数据,如果存在,则使用该数据进行绘制。\njavascript\nonReady() {\n const ctx = wx.createCanvasContext('myCanvas');\n this.ctx = ctx;\n this.setData({ rows: [] });\n \n // 判断全局变量中是否存在绘制内容的数据\n if (app.globalData.canvasData) {\n this.setData({ rows: app.globalData.canvasData });\n }\n \n this.drawTable();\n},\n\n\n这样,当重新进入页面时,会先判断全局变量中是否存在绘制内容的数据,如果存在,则使用该数据进行绘制,实现继续上次绘制的效果。
原文地址: https://www.cveoy.top/t/topic/pZKE 著作权归作者所有。请勿转载和采集!