关于小程序画图并且下载到本地

都是他们的坑  小程序的文档 太不细节了  而且经常更新版本  造成之前的代码不能用

先放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()
            }
          })
        }
      })
    }

  
 
})