canvas绘制多张网络图片

为了解决多重回调,所以采用promise
第一步 新建一个方法接受网络图片url返回一个promise对象

      // 新建promise对象
      downfile(url) {
        return new Promise(function (resolve, reject) {
          wx.downloadFile({
            url: url,
            success: function (res) {
              resolve(res.tempFilePath)
            }
          })
        })
      },

第二步绘制图片之前 用Promise.all确保两张图片的请求回调都成功后则继续绘制

   var backImg = this.commodity.cover_path
        var codeImg = this.commodity.shareCode
        console.log('codeImg===' + codeImg)
        var backPromise = this.downfile(backImg)
        var codePromise = this.downfile(codeImg)
        Promise.all([
          backPromise, codePromise
        ]).then((r) => {
          console.log(r)
          })
          ...
          ...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值