html2canvas微信头像后,微信小程序使用canvas在真机上不显示用户头像问题（不显示网络图片）...

如果要做一个分享朋友圈，而需要通过canvas绘制图片，在真机上是不显示你的用户头像的，但是开发者工具和真机上打开调试是可以看的。这就需要在微信公众平台把你头像前面的网址配置到downloadFile网址里去

比如下面的头像，就需要把https://wx.qlogo.cn添加到downloadFile网址去,然后清除缓存，重新打开就可以看到绘制的头像了

"avatarUrl":"https://wx.qlogo.cn/mmopen/vi_32/F8sadfIasdasdfadf"}，还有这个头像地址需要下载到本地才能去绘制openfun() { let that= this; wx.downloadFile({ url: that.data.avatarUrl, success: function (res) { // console.log(res.tempFilePath); that.setData({ avatarUrl:res.tempFilePath, }) //绘图方法 that.drawImage(); }, fail: function (fres) { } }) }, //绘制方法 drawImage:function() { var that = this const ctx = wx.createCanvasContext('sharePhoto',this) // console.log(wx.getSystemInfoSync()) var Width = wx.getSystemInfoSync().windowWidth*0.74 var Height = wx.getSystemInfoSync().windowHeight * 0.68 var avatarUrl = that.data.avatarUrl ctx.save(); ctx.beginPath(); ctx.arc(Width * 0.5, Height * 0.175, Width * 0.098, 0, 2 * Math.PI); ctx.clip();//画了圆再剪切 ctx.drawImage(avatarUrl, Width * 0.4, Height * 0.109, Width*0.197, Height*0.132) ctx.restore(); ctx.save(); ctx.draw(); },

html2canvas微信头像后,微信小程序使用canvas在真机上不显示用户头像问题（不显示网络图片）...相关推荐

解决小程序背景图片在真机上不能查看的问题
解决小程序背景图片在真机上不能查看的问题参考文章: (1)解决小程序背景图片在真机上不能查看的问题 (2)https://www.cnblogs.com/web1/p/9018035.html 备忘 ...
微信小程序canvas画图案列,实现生成头像并保存,小程序新版canvas变化,小程序中canvas注意事项
你一定见过很多制作头像的小程序,无论是国庆的红旗,圣诞的帽子,还是疫情的口罩,都可以用小程序生成应景的头像,那么具体的代码是怎么实现的呢?前些天帮别人做了一个生成姓氏头像的功能,里面的实现原理基本一致 ...
小程序wx.showToast在真机上闪烁一下就消失
使用wx.showToast方法,在开发者工具中是按照设置的时间正常停留,但在真机上发现,提示框一闪而过,持续时间很短. 1.产生原因网上有很多解释,这里我就直接引用一下原因就是因为小程序的内部处 ...
【微信小程序-原生开发+云开发+TDesign】修改用户头像（含wx.chooseMedia，wx.cloud.uploadFile，wx.cloud.deleteFile的使用）
效果预览核心技术(含业务逻辑) 选择新头像(本地图片) 使用 wx.chooseMedia 选择本地图片,官网见 https://developers.weixin.qq.com/miniprogr ...
一个wepy开发微信小程序时图片在真机上不显示的问题
今天遇到一个头大的问题,图片在模拟器中显示但是在真机中不显示. 最终发现问题所在: 一开始图片名字为Star.png,S是大写,放入了wepy的工程目录里后来修改成了star.png,在window ...
微信小程序——读取显示用户头像昵称
微信小程序--读取显示用户头像昵称代码仓库地址一.实验目标 1.学习使用快速启动模板创建小程序的方法: 2.学习不使用模板手动创建小程序的方法. 二.实验步骤 2.1 自动生成小程序完成开发者注 ...
linux带头像通讯录软件,这款微信小程序，拯救空白了很久的通讯录头像！
原标题:这款微信小程序,拯救空白了很久的通讯录头像! 一直以来,智能手机用户都被一个不大不小的问题困惑着--无论 iOS 还是 Android 平台,手机通讯录早已经支持了自定义好友头像的功能.然而由 ...
Appium 解决微信公众号、小程序切换 webview 后无法定位元素的问题
Appium 解决微信公众号.小程序切换 webview 后无法定位元素的问题参考文章: (1)Appium 解决微信公众号.小程序切换 webview 后无法定位元素的问题 (2)https:// ...
小程序源码：2022虎年背景全新UI头像框制作微信小程序源码下载-多玩法安装简单
内包含了虎年虎娃多种分类头像框模板,全是和2022虎年有关每一种分类都包含了多种模板制作虎娃的小编个人感觉那个卡通也是挺可爱的! 另外整个小程序的背景UI都是以虎年为背景,所以总体的感觉还是很不错 ...

html2canvas微信头像后,微信小程序使用canvas在真机上不显示用户头像问题（不显示网络图片）...

html2canvas微信头像后,微信小程序使用canvas在真机上不显示用户头像问题（不显示网络图片）...相关推荐

最新文章

热门文章