网站首页 文章专栏 JS生成二维码

JS生成二维码

编辑时间:2018-05-11 11:23:22 作者:苹果 浏览量:222





    前言:网站中我们经常会用到二维码,对于传统的用PHP后台生成二维码,不仅反映慢,消耗性能,而且对于批量生成二维码的需求来说,负担过大,因此建议利用jquery.qrcode.js文件,在前台生成二维码


官网地址:

https://larsjung.de/jquery-qrcode/


eg:


<div id="container"></div>

<script>

    $('#container').qrcode({

        // 渲染的方式 : 'canvas', 'image' or 'div'

        render: 'canvas',

        // 容错率 L-H 递增 level: 'L', 'M', 'Q' or 'H'

        ecLevel: 'H',

        // 大小

        size: 200,

// 圆角

radius: 0.5,

        // 背景色

        background: '#ffffff',

        // 内容

        text: 'http://www.hebinghua.com',

    });

</script>


中间带有log的二维码


<script type="text/javascript">  

    $(document).ready(function() {  

        $("#qrcodeCanvas").qrcode({  

            render : "canvas",      //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好  

            text : "二维码对应域名",      //扫描二维码后显示的内容,可以直接填一个网址,扫描二维码后自动跳向该链接  

            width : "200",          //二维码的宽度  

            height : "200",         //二维码的高度  

            background : "#ffffff", //二维码的后景色  

            foreground : "#000000", //二维码的前景色  

            src: 'photo.jpg'        //二维码中间的图片  

        });  

    });  

</script>  

  

</head>  

<body>  

    <center>  

      <h2>该二维码支持中文和LOGO</h2>  

      <div id="qrcodeCanvas"></div>  

    </center>  

</body>  







    出自:何冰华个人网站

    地址:http://www.hebinghua.com/

    转载请注明出处


来说两句吧
最新评论