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

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

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

坑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画图的地址问题，两个是执行顺序问题，执行顺序的问题在小程序中随处可见，一不小心就会有这样的问题，

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