在手机端选用了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就可以了。写代码有时候就是这样,可能你苦苦追寻的答案就是这么简单,只有去尝试就有机会捅破这层纸,找到答案。希望能给遇到这个问题的小伙伴一个借鉴。