美文网首页
小程序canvas 遇到的一些坑

小程序canvas 遇到的一些坑

作者: waiterYu | 来源:发表于2020-09-30 11:17 被阅读0次
最近公司要实现小程序端生成海报,用到了小程序码,商品图,自定义背景,用户头像二维码等
image.png

由于一直用的微信开发者工具开发,到了真机上,发现有部分机型会出现生成图片白屏的情况


image.png

查阅文档上,发现获取canvas的时候要加上this

let ctx = uni.createCanvasContext("myQrcode",this);

但是这样的话,开发者工具就会报错了


image.png

由于canvas 不支持网络图片,所以需要把图片下载到本地,但是问题来了,微信头像地址有些域名地址是http://thirdwx.qlogo.cn开头的,设置合法域名,发现只能设置https开头的,无奈,在后面加个S,也无法打开头像,经过一番折腾,发现,可以用https://wx.qlogo.cn替换

res2.Return_data.UserHeadPath=res2.Return_data.UserHeadPath.replace("http://thirdwx.qlogo.cn", "https://wx.qlogo.cn")

相关文章

  • 小程序canvas 遇到的一些坑

    最近公司要实现小程序端生成海报,用到了小程序码,商品图,自定义背景,用户头像二维码等 由于一直用的微信开发者工具开...

  • 006-小程序图片滑动、缩放加canvas打印

    一:这段时间一直在学习微信小程序,近期也多有遇到小程序有关于图片与canvas的坑, 二:说明一下需求吧:首先要有...

  • 微信小程序开发中遇到的问题与技巧汇总

    从微信小程序发布到现在经手的小程序也有好几个了,开发过程中多少会遇到一些坑,这里汇总一下开发中遇到过的坑与小程序开...

  • 微信小程序-canvas压缩图片使用入门

    微信小程序canvas组件官方文档 微信小程序canvas组件官方文档canvas API canvas组件介绍 ...

  • 小程序遇到的一些坑

    一、小程序跳转web-view 1、需要在微信公众号配置配置业务域名(https协议)并且需要在被跳转的网站的项目...

  • 小程序踩坑记

    小程序采坑记 上手小程序两个月,多多少少遇到一些坑,在此简单地作下总结。希望能对那些跟我一样有遇到过同样问题的人提...

  • 微信小程序遇到的一些坑

    小程序的坑 本文主要记录下在写微信小程序的时候遇到的一些问题,希望对遇到相同问题的朋友能有个帮助。 1. 使用ca...

  • 小程序:线下产品运营踩过的 3 个坑

    关键词:小程序、线下运营、总结。摘要:小程序做线下产品运营时遇到过一些坑,做个总结。 01 有一次,为了配合线下的...

  • 小程序的遇到的坑

    1.开发小程序的时候还没有支持页面自己的下拉刷新: 于是用组件scroll-view自己写了一个模仿数据下拉刷新,...

  • 小程序之入门布局篇

    前言 阅读这篇文章你将学到: 快速启动一个小程序项目 快速上手小程序重构业务 在页面布局中遇到的一些坑 使用mpv...

网友评论

      本文标题:小程序canvas 遇到的一些坑

      本文链接:https://www.haomeiwen.com/subject/plduuktx.html