小程序分享朋友圈之填坑模式

上一个博客介绍了小程序分享朋友圈，但是如果你按照上面的方法去写，你还是会发现一些问题，怎么回事呢？

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

坑1：canvas画的图片地址、小程序码地址都必须“下载文件资源到本地”，即使用

wx.downloadFile({url: 'https://example.com/audio/123', //图片地址success: function(res) {// 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容if (res.statusCode === 200) {wx.playVoice({filePath: res.tempFilePath //转化后的图片地址})}} })

 如果不用这种方式将图片下载到本地，则图片加载不出来的（这里不包括本地图片和网上指定的某一张图片）

坑2：我们用canvas画完以后，需要将canvas转化为image，那么，这个实现步骤是什么呢？

在这里，我们必须注意：先画canvas，等canvas画完以后，在调用wx.canvasToTempFilePath(OBJECT, this)方法，将canvas转为图片，不然，

会出现canvas还没有画完，就转为了图片，那么有时候图片是透明的，有时候图片只有几个字......以上情况。

坑3：在将图转化为图片后，在预览图片

当将canvas转为图片后，我们再去预览图片，否则和上面的情况一样，会预览不完全哦！

总之，以上三个坑一个是canvas画图的地址问题，两个是执行顺序问题，执行顺序的问题在小程序中随处可见，一不小心就会有这样的问题，

所以，我们在开发中一定要注意哦！

 

转载于:https://www.cnblogs.com/good-qinqin/p/9105578.html

总结

以上是生活随笔为你收集整理的小程序分享朋友圈之填坑模式的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。