收藏
回答

canvas绘制头像不成功为什么?

//绘制圆角头像

 radiusHead: function(){

   var that = this;

   wx.downloadFile({

     url: this.data.avatarUrl,//这是网络地址,没问题

     success: function (res) {

       const myHead = wx.createCanvasContext('head');

       myHead.save();

       myHead.beginPath();

       myHead.arc(that.data.mypx * 44, that.data.mypx * 44, that.data.mypx * 44, 0, 2 * Math.PI);

       myHead.clip();

       myHead.drawImage(res.tempFilePath, 0, 0, that.data.mypx * 88, that.data.mypx * 88);

       myHead.restore();

       myHead.draw();

     }

   })

 },


在本地真机测试都是可以的,但上传之后在体验版不执行wx.downloadFile


最后一次编辑于  08-21  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 卢霄霄
    卢霄霄
    08-21

    因为需要下载

    08-21
    赞同
    回复 13
    • 宁静致远
      宁静致远
      08-21
      我这不就是下载吗?
      08-21
      回复
    • 拾忆
      拾忆
      08-21回复宁静致远
      微信头像的地址加入download的安全域名里了么?
      08-21
      回复
    • 卢霄霄
      卢霄霄
      08-21回复宁静致远
      加了白名单了吗
      08-21
      回复
    • 宁静致远
      宁静致远
      08-21回复拾忆
      我啥都没弄直接获取的,然后就用了
      08-21
      回复
    • 拾忆
      拾忆
      08-21回复宁静致远
      后台安全域名配置看下download的配置
      08-21
      回复
    查看更多(8)
  • 王志鹏
    王志鹏
    08-22

    我也遇到过 var img = image.replace("http:", "https:"); 路径处理一下试试 微信用户信息返回的是https 不过网上浏览一次会变成http

    08-22
    赞同
    回复 1
    • 宁静致远
      宁静致远
      08-23
      已经解决了,是downloadFile合法域名
      08-23
      回复
问题标签