小程序 获取用户信息跨页面的多种情况分析、canvas生成海报不显示头像的简单处理方法

<!--wxml文件 -->			
<button class=‘btn3‘ open-type="getUserInfo" bindgetuserinfo="onGotUserInfo">
				<image class=‘btnImg‘ src=‘你的图片的地址‘></image>
				<view>生成海报</view>
			</button>

//js文件
onGotUserInfo:function(e){
  wx.showToast({
    title: ‘海报生成中...‘,
    icon: ‘loading‘,
    duration: 1000
  });
//如果“同意授权”
  if(e.detail.userInfo){
    console.log("我点了确定")
    if(!wx.getStorageSync(‘userNickname‘)&&!wx.getStorageSync(‘userImg‘)){//如果A页面用户就是拒绝的，那还要想法子再获取的
      wx.setStorageSync(‘userNickname‘,e.detail.userInfo.nickName)
      this.downuserHead(e.detail.userInfo.avatarUrl)   //！！！用户头像的处理，不赘述
    }    
    else{//如果我A页面已经授权了,那就直接开始画海报吧！
      setTimeout(function () {
        wx.hideToast()
       // console.log("有获取到头像吗？"+wx.getStorageSync(‘userImg‘))
        that.createNewImg();//这个函数是画背景和文字
        that.darwAvatarArc(context, wx.getStorageSync(‘userImg‘), 50, 50, 60, 60);//这个函数是画用户头像
        that.setData({
          maskHidden: true
        });
      }, 1000)
    }     
  }
  else{//在B页面又拒绝了，那就什么都不用做，当然也就不要画了
    console.log("用户又拒绝授权了");
    wx.navigateTo({
      url: ‘B页面（相当于啥也没干）‘,
    })
  }
},

downuserHead:function(userImg){//！！！
  var that = this;
  wx.downloadFile({//显示用户头像的重要代码，但是这里不赘述，参考其他更详细的文档把。
    url: userImg, 
    success: function(res) {
      if (res.statusCode === 200) {
        wx.setStorageSync(‘userImg‘, res.tempFilePath)//！！！
        console.log("A页面我是拒绝的，不过我现在在B页面同意授权了，现在我的头像地址="+wx.getStorageSync(‘userImg‘));
    }        
    },
  })
  //以下是画海报
  setTimeout(function () {
    wx.hideToast()
    console.log("有获取到头像吗？"+wx.getStorageSync(‘userImg‘))
    that.createNewImg();
    that.darwAvatarArc(context, wx.getStorageSync(‘userImg‘), 50, 50, 60, 60);//！！！
    that.setData({
      maskHidden: true
    });
  }, 1000)
},

 <button type="primary" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="GotUserInfo">确定</button>

GotUserInfo: function (info) {//同意了就把用户信息保存到本地去，不同意就不同意呗，跳到B去
    var that = this
    if(info.detail.userInfo){
        console.log("用户同意了获取用户信息！")
        this.downuserHead(info.detail.userInfo.avatarUrl) //和B页面是重复的逻辑
        wx.setStorageSync(‘userNickname‘, info.detail.userInfo.nickName)       
    }    
  },
  downuserHead:function(userImg){
    wx.downloadFile({
      url: userImg, 
      success: function(res) {
        if (res.statusCode === 200) {
          wx.setStorageSync(‘userImg‘,res.tempFilePath)
      } 
        console.log("临时地址"+res.tempFilePath)    
      },
    })

  wx.navigateTo({
     url: ‘B页面‘,
   })

},