使用jquery.qrcode生成二维码扫描困难解决方案

最新推荐文章于 2024-02-04 09:44:48 发布

原创最新推荐文章于 2024-02-04 09:44:48 发布 · 4.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#QRCode #打印二维码

打印专栏收录该内容

1 篇文章

订阅专栏

本文分享了使用jquery.qrcode生成二维码时遇到的扫描困难问题及解决方案，通过调整二维码尺寸、模式和容错级别，提高了二维码的扫描成功率和美观度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用jquery.qrcode生成二维码扫描困难解决方案

<script src="qrcode.js"></script>

<div id="qrcode"></div>

createQR(){
   var text=“836627901827323216882202604317324883794790484027”;
    $("#qrcode>*").remove();
    new QRCode('qrcode', {
        text:  text,
        width: '56',//批量打印二维码在A4纸上 这个大小打印出来的扫描很困难
        height: '56',//批量打印二维码在A4纸上 这个大小打印出来的扫描很困难，我现在改成70*70，美观一点儿，而且可以轻松的扫描出来
        colorDark : "#000000",//前景色
        colorLight : "#ffffff",//背景色
        correctLevel : QRCode.CorrectLevel.H
    });
}

在这里插入图片描述
改之后

createQR(){
   var text=“836627901827323216882202604317324883794790484027”;
    $("#qrcode>*").remove();
    new QRCode('qrcode', {
        text:  text,
        width: '70',//我现在改成70*70，美观一点儿，而且可以轻松的扫描出来
        height: '70',//我现在改成70*70，美观一点儿，而且可以轻松的扫描出来
        mode: 'Numeric',//由于我这个是纯数字，这里改下模式
        colorDark : "#000000",//前景色
        colorLight : "#ffffff",//背景色
        correctLevel : QRCode.CorrectLevel.L//降低容错级别
    });
}

在这里插入图片描述
具体参数介绍可以参考：
QRCode.js 生成二维码 http://code.ciaoca.com/javascript/qrcode/；