qrcodejs如何设置宽度和高度为rem单位

       在手机端选用了qrcodejs用来生成二维码,但有个问题让人头疼了。我们都知道在qrcodejs中设置宽度和高度的方法有两个,一个就是在canvas标签中:

<canvas height="200" wight="200"></canvas>

另一种就是在使用QRCode.toCanvas方法时

import QRCode from 'qrcode';

QRCode.toCanvas(
      canvas,
      qr_sid,
      {
        scale: 6,
        height: 200,
        wight: 200
      },
      function(error) {
        if (error) console.error(error)
      })

这两种方法都是只接收px长度单位的。为了解决这个问题,我翻阅了qrcode的issues:https://github.com/davidshimjs/qrcodejs/issues也没有找到答案。最后发现只要给这个canvas一个class,里面写上宽度高度加上!important就可以了。写代码有时候就是这样,可能你苦苦追寻的答案就是这么简单,只有去尝试就有机会捅破这层纸,找到答案。希望能给遇到这个问题的小伙伴一个借鉴。

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值