canvas元素的坑 （canvasToTempFilePath: fail canvas is empty）

前言

小程序里面的 canvas 繪圖的時候老是走 fail的 回調，

canvasToTempFilePath: fail canvas is empty

簡直不能忍呀

1.首先你會發現畫布畫不上......查看文檔第二個參數要傳入this。

 

 

2.canvasToTempFilePath: fail canvas is empty , 報這個錯是因為調取 wx.canvasToTempFilePath 接口獲取不到canvas，

同樣的需要傳入上下文的this

                //繪制圖片
                ctx.draw(false, wx.canvasToTempFilePath({
                      canvasId: 'picture-canvas',
                      success: function (res) {
                        var tempFilePath = res.tempFilePath;
                        console.log(tempFilePath);
                        _this.isShow = false;
                        _this.$emit("createImg", tempFilePath)
                      },
                      fail: function (res) {
                        console.log(res);
                      }
                },_this))

還是要多讀書 哈哈  絕了