jquery-qrcode生成带logo的二维码

时间:2021-12-04 20:00:02

jquery生成带logo的二维码非常非常简单

主要引用utf.js/jquery.qrcode.js

jquery.qrcode.js是下载之后修改过的,如果大家想要可以去我的网盘下载

链接地址:https://pan.baidu.com/s/1VuqVvN6hdRnCEOMxT-kyPQ

因为是jquery所以大家不要忘了引用jquery.min.js,放在第一行

因为代码简短,我直接把贴出来

<div id="qrcode"></div>
<script type="text/javascript">
$("#qrcode").qrcode(
        {
             render : "canvas",    //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好
             text : "hello world",    //扫描二维码后显示的内容,可以直接填一个网址,扫描二维码后自动跳向该链接
                 width : "200",            // //二维码的宽度
                 height : "200",              //二维码的高度
                 background : "#ffffff",       //二维码的后景色
                 foreground : "#000000",        //二维码的前景色
                 src: '../img/pm.jpg'             //二维码中间的图片
              }
        );
</script>

效果图如下,大家可以扫下

jquery-qrcode生成带logo的二维码