zoukankan      html  css  js  c++  java
  • 小程序分享朋友圈之填坑模式

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

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

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

    所以,我们在开发中一定要注意哦!



  • 相关阅读:
    作业
    第一次作业
    临时和永久关闭firewalld与selinux
    联合删除
    使用CascadingDropDown实现级联式下拉框
    使用createElement动态创建HTML对象.
    关于DotNetZip的用法
    网站性能优化:cache-control设置详解
    百度蜘蛛Baiduspider User-Agent字段更新与IP判断
    (转)一个简单,方便的七牛云存储的客户端(收藏)
  • 原文地址:https://www.cnblogs.com/good-qinqin/p/9105578.html
Copyright © 2011-2022 走看看