微信小程序 电子合同、电子签名 canvasToTempFilePath: fail canvas is empty

我要实现的是：电子文档 +电子签名 = 电子合约，也就是两张图合成一张图。

我的实现思路是这样的，

1、页面初始show：true，显示两张图片；

2、合成合约成功后，that.setData({show:false}) ，显示合成后的画布图片

所以我把that.setData({show:false})放在了成功的回调中，但这样它是找不到canvaid的，因为canvas在wx：else中，show要变成false了这个元素才会生成！！！也就是我前后颠倒了。

<view wx:if="{
  {show}}">
   显示要合成的两张图片
</view>
<view wx:else>
  <canvas style="width:100%; height:100%" canvas-id="mycanvas" id="mycanvas"></canvas>
</view>           //改错1、宽高100%是达咩的

 saveimg : function() {
  // 给个小提示，正在执行
  wx.showLoading({
    title: '合成中',mask:true
  })
  // 绘制合成图片到canvas
  let that = this
  const ctx = wx.createCanvasContext('mycanvas')
  ctx.drawImage(that.data.fileUrl, 0, 0, (750