都是他们的坑 小程序的文档 太不细节了 而且经常更新版本 造成之前的代码不能用
先放wxml的代码 很简单
<view class=‘container‘> <canvas canvas-id=‘testCanvas‘ class=‘testCanvas‘></canvas> <button bindtap=‘clickMe‘ open-type="getuserinfo">点击我生成图片保存相册</button> </view>
然后放js
Page({ /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { const ctx = wx.createCanvasContext(‘testCanvas‘);//这个代码要放onload里面 腾讯真坑 啥都不说 ctx.drawImage("cat.png", 0, 0, 150, 150);//图片的路径注意细节,这个名字是放在和JS相同目录的 用的这个名字 ctx.draw(); }, clickMe() { wx.canvasToTempFilePath({ canvasId: ‘testCanvas‘, fileType: ‘jpg‘, success: function (res) { wx.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success(res) { console.log(res) wx.hideLoading(); wx.showToast({ title: ‘保存成功‘, }); }, fail() { wx.hideLoading() } }) } }) } })