小程序canvasToTempFilePath 报错“canvasToTempFilePath: fail canvas is empty“

小程序canvasToTempFilePath 报错"canvasToTempFilePath: fail canvas is empty"

搞心态了

今天有个需求是要电子签名采用canvas 横屏绘图，之后导出图片需要旋转下，遇到这个问题了，总结下来就是小程序原来的canvas和更新的canvas 2d canvasToTempFilePath 参数不一样

    <canvas class="handWriting2" canvas-id="handWriting2" type="2d">
    </canvas>
    <canvas class="handWriting" disable-scroll="true" bindtouchstart="uploadScaleStart" bindtouchmove="uploadScaleMove"
      bindtouchend="uploadScaleEnd" bindtap="mouseDown" canvas-id="handWriting">
    </canvas>

// 旧的方式
    wx.canvasToTempFilePath({
      canvasId: 'handWriting',
      fileType: 'jpg',
      quality: 1, //图片质量
      success(res) {
        // console.log(res.tempFilePath, 'canvas生成图片地址');
      }
    })

// 2d的方式
       wx.canvasToTempFilePath({
            canvas: rotateCanvas, // 使用2D 需要传递的参数
            success(res) {
              console.log(res.tempFilePath);

            },
            fail(err) {
              console.log(err,1111)
            }
          })

记录下下次注意