上一個博客介紹了小程序分享朋友圈，但是如果你按照上面的方法去寫，你還是會發(fā)現(xiàn)一些問題，怎么回事呢？

下面我來說一下小程序分享朋友圈的坑有哪些？

坑1：canvas畫的圖片地址、小程序碼地址都必須“下載文件資源到本地”，即使用

wx.downloadFile({url: 'https://example.com/audio/123', //圖片地址success: function(res) {// 只要服務(wù)器有響應(yīng)數(shù)據(jù)，就會把響應(yīng)內(nèi)容寫入文件并進入 success 回調(diào)，業(yè)務(wù)需要自行判斷是否下載到了想要的內(nèi)容if (res.statusCode === 200) {wx.playVoice({filePath: res.tempFilePath //轉(zhuǎn)化后的圖片地址})}} })

?如果不用這種方式將圖片下載到本地，則圖片加載不出來的（這里不包括本地圖片和網(wǎng)上指定的某一張圖片）

坑2：我們用canvas畫完以后，需要將canvas轉(zhuǎn)化為image，那么，這個實現(xiàn)步驟是什么呢？

在這里，我們必須注意：先畫canvas，等canvas畫完以后，在調(diào)用wx.canvasToTempFilePath(OBJECT, this)方法，將canvas轉(zhuǎn)為圖片，不然，

會出現(xiàn)canvas還沒有畫完，就轉(zhuǎn)為了圖片，那么有時候圖片是透明的，有時候圖片只有幾個字......以上情況。

坑3：在將圖轉(zhuǎn)化為圖片后，在預(yù)覽圖片

當(dāng)將canvas轉(zhuǎn)為圖片后，我們再去預(yù)覽圖片，否則和上面的情況一樣，會預(yù)覽不完全哦！

總之，以上三個坑一個是canvas畫圖的地址問題，兩個是執(zhí)行順序問題，執(zhí)行順序的問題在小程序中隨處可見，一不小心就會有這樣的問題，

所以，我們在開發(fā)中一定要注意哦！

?

轉(zhuǎn)載于:https://www.cnblogs.com/good-qinqin/p/9105578.html

總結(jié)

以上是生活随笔為你收集整理的小程序分享朋友圈之填坑模式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。