微信小程序 解决将画布的内容导出生成图片,image在某些安卓机器上不显示的问题

问题:这个问题是在上一个解决方案中衍生出来的问题,详情见:
《微信小程序 解决canvas展示二维码层级太高的问题》
https://blog.csdn.net/weixin_38847104/article/details/82499729

解决思路:由于画二维码用的库一直没有更新,调用的是 wx.createContext(),
wx.drawCanvas({
canvasId: canvas,
actions: ctx.getActions()
});
这两个接口来绘制画布,其实看官方文档就能发现,wx.createContext (不推荐使用),所以推荐使用wx.createCanvasContext(canvasId, this),这个的draw方法是带有回调函数的,这样我们也不用settimeout了,直接在回调成功的情况下,再调用wx.canvasToTempFilePath就可以了。

js文件:

          const _this = this;
       QR.qrApi.draw(text, 'qr-code', width, height, '', () => {
             wx.canvasToTempFilePath({
            canvasId: 'qr-code',
            success(res) {
              _this.setData({
                QRImgUrl: res.tempFilePath
              })
   
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值