在當前小程式版本中對於Canvas空間繪製圖片，存在bug，效率比較低。

導致圖片回執完成慢。出現黑屏。

解決方案：

在呼叫draw(),繪製成功後，延遲使用繪製結果。例如：500毫秒後，輸出圖片內容。

  ctx.draw(false, function () {
    console.info('繪製成功');
    setTimeout(function () {
      wx.canvasToTempFilePath({
        canvasId: 'canvas1',
        fileType: 'jpg',
        quality: 1,
        success: res => {
          console.info(res);
          _this.setData({ imgPath: res.tempFilePath });
        },
        fail: res => {
          console.error(res);
        }
      }, this);

    },3000);
  });
 

更多：

js時間函式getTime() 在蘋果手機上返回NaN的問題

微信小程式swiper滑塊檢視容器控制元件使用整理

微信小程式selectComponent獲取自定義子元件