微信小程序分享到朋友圈-遇到的问题drawImage真机不显示网络图片

网上有现成的例子，所以直接拿来用了，见链接，接下来说下自己遇到的问题

因为在我的项目中，我的图片是网络图片，canvas上绘制的目前只支持本地图片，那应该怎么办呢？不可能图片是固定死的，所以只能另寻捷径了，前端开发者应该对资源的加载比较熟悉，网页上的图片都是网络图片，在显示时都会暂存在本地，有的直接在缓存中，可见chrome://cache/，所以我们在打开这个页面时，可以取网络图片的本地路径，刚好，微信小程序提供了该方法。。

wx.getImageInfo({src:'https://avatar.csdn.net/D/4/C/3_sinat_36146776.jpg',//服务器返回的带参数的小程序码地址success: function (res) {//res.path是网络图片的本地地址let qrCodePath = res.path;that.setData({localImageUrl:qrCodePath})},fail: function (res) {//失败回调}});

使用

ctx.drawImage(this.data.localImageUrl, 0, 0.24*windowHeight, 0.8*windowWidth, 0.8*windowWidth);

最后在真机上成功显示

微信小程序分享到朋友圈-遇到的问题drawImage真机不显示网络图片相关推荐

golang-vue实现微信小程序分享到朋友圈
最近涉及到微信小程序分享到朋友圈,不知道微信为什么不直接接口分享,咱也不敢佛,咱也不敢问,只能百度问度娘,看官方文档,网上的一些分享五花八门,每一个重点的,所以整理了一下到底怎样生成二维码分享图片才是 ...
android微信分享走小程序流程,教你怎么把微信小程序分享到朋友圈
教你怎么把微信小程序分享到朋友圈 2020年07月13日 | 萬仟网移动技术 | 我要评论 7月8日收到邀请,可将小程序页面分享到朋友圈.适用于内容型页面的分享,不适用于有较多交互的页面分享.该功能为 ...
解决 ios 微信小程序分享到朋友圈禁用问题
微信小程序分享到朋友圈显示当前页面的转发按钮显示当前页面的转发按钮 wx.showShareMenu 配置当前页面的转发按钮. onLoad(){wx.showShareMenu({withSha ...
微信小程序分享到朋友圈，在朋友圈打开报错 error code -501023
未登录模式 | 微信开放文档未登录模式即无登录态的模式,在未登录模式中,不存在用户的登录态.未登录模式的场景有如: 单页模式:小程序/小游戏分享到朋友圈被打开时 Web 未登录模式:没有登录的 We ...
微信小程序分享到朋友圈方法与技巧
来源 | https://www.cnblogs.com/MohunBlogs/archive/2018/05/23/9079942.html 小程序提供onShareAppMessage 函数,此函 ...
微信小程序分享到朋友圈
记录一下做小程序分享的坑官方文档代码 onShareTimeline: function () {return {title: '分享朋友圈',query: 'page=1&size=10 ...
教你怎么把微信小程序分享到朋友圈
7月8日收到邀请,可将小程序页面分享到朋友圈.适用于内容型页面的分享,不适用于有较多交互的页面分享. 该功能为beta版,灰度测试中,暂仅在Android平台支持,从基础库 2.11.3 开始支持. ...
微信小程序分享到朋友圈，打开链接报错“ogin:fail rejected due to no permission current”
场景: 进入商品详情页,点击分享到朋友圈,打开分享链接以后,提示 "login:fail rejected due to no permission current" 产生原因: ...
微信小程序分享到朋友圈onShareTimeline()传参及接参
代码如下: // index.jsonShareTimeline: function () {return {title: '我是分享后显示的标题', // 可不填query: 'id=123', / ...

微信小程序分享到朋友圈-遇到的问题drawImage真机不显示网络图片

微信小程序分享到朋友圈-遇到的问题drawImage真机不显示网络图片相关推荐

最新文章

热门文章