項目場景：

uni-app,開發微信小程序
使用：

wx.canvasToTempFilePath({canvasId: 'line',success: function(res) {console.log('canvasToImg', res);this.radarImg = res.tempFilePath;},fail: function(res) {console.log(res);}});

---

問題描述：

echarts繪圖，canvas層級過高，想轉化為圖片；
結果：報錯errMsg：“canvasToTempFilePath:fail canvas is empty”

---

原因分析：

因為canvasId是動態傳入的，開始以為是canvasId傳錯了，后面寫死還是報錯；
原因是因為在組件中使用，canvasToTempFilePath的第二個參數必須要傳入。具體可看解決方案中的代碼；

---

解決方案：

解決方法代碼如下

var that = this;wx.canvasToTempFilePath({canvasId: 'line',success: function(res) {console.log('canvasToImg', res);this.radarImg = res.tempFilePath;},fail: function(res) {console.log(res);}},that);

總結

以上是生活随笔為你收集整理的uni-app 组件中的canvas转化为图片报错：errMsg：“canvasToTempFilePath:fail canvas is empty”的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。