ctx.setFillStyle('#F83');

ctx.fillRect(0, 0, 400, 800);

ctx.draw(true,()=>{//第一次调用draw方法

if (hasImage) {

      wx.chooseImage({

        count: 1,

        sizeType: ['original', 'compressed'],

        sourceType: ['album', 'camera'],

        success (res) {

          const tempFilePaths = res.tempFilePaths

          ctx.drawImage(tempFilePaths[0], 10, 10, 300, 300);//做了一个画图动作

          ctx.draw(true, drawAfterToTempFile);//第二次调用draw方法，真机下drawAfterToTempFile方法会被执行

        }

      })

    } else {//完成最后绘制

      //部分真机下drawAfterToTempFile回调不会被执行

      ctx.draw(true, drawAfterToTempFile);//第二次调用draw方法

      //猜测由于第二次调用draw方法与第一次调用之间画布没有任何其它动作，所以第二次draw方法并没有实际执行到触发callback回调的地方，导致callback看似失效。

      //修改方法一：在第二次调用draw方法之前执行一些动作，例如：ctx.moveTo(0,0);ctx.fill();

      //修改方法二：既然第二次调用draw方法没有任何绘制动作，那就直接调用执行drawAfterToTempFile()就行了，没必要包一个draw方法。

    }

});

var drawAfterToTempFile = function() {

    wx.canvasToTempFilePath({

      canvasId: "myCanvasId",

      success(res) {

        console.log('绘制图片存为临时文件：', res.tempFilePath)

      },

      fail(err) {

        console.log('绘制图片存为临时文件失败：', err);

       }

    }, _this)

}