Rumah > hujung hadapan web > tutorial js > qrcode.js插件如何生成二维码

qrcode.js插件如何生成二维码

零到壹度
Lepaskan: 2018-03-23 12:03:28
asal
1672 orang telah melayarinya


本文主要和大家分享qrcode.js插件如何生成二维码,主要以代码形式,希望能帮助到大家。

1.github下载地址

    https://github.com/jeromeetienne/jquery-qrcode

2.使用案例

    二维码链接跳转,携带中文参数

<span style="font-size: 14px;"><!DOCTYPE HTML ><br/><html lang="en" ><br/><head><br/>    <meta charset="UTF-8"><br/>    <title>Title</title><br/>    <script type="text/javascript" src="jquery-3.2.1.min.js"></script><br/>    <script type="text/javascript" src="jquery.qrcode.min.js"></script><br/></head><br/><body><br/>    <p id="qrcode"></p><br/><br/>    <script><br/>        var str = toUtf8("https://www.baidu.com/s?wd=csdn论坛");<br/><br/>        //qrcode支持canvas和table两种方式进行图片渲染<br/>        $(&#39;#qrcode&#39;).qrcode({<br/>            render: "canvas", //默认是canvas渲染,可以设置为table<br/>            width:100,<br/>            height:100,<br/>            text: str<br/>        });<br/><br/>        //处理中文乱码<br/>        function toUtf8(str) {<br/>            var out, i, len, c;<br/>            out = "";<br/>            len = str.length;<br/>            for(i = 0; i < len; i++) {<br/>                c = str.charCodeAt(i);<br/>                if ((c >= 0x0001) && (c <= 0x007F)){<br/>                    out += str.charAt(i);<br/>                } else if (c > 0x07FF) {<br/>                    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));<br/>                    out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));<br/>                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));<br/>                } else{<br/>                    out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));<br/>                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));<br/>                }<br/>            }<br/>            return out;<br/>        }<br/>    </script><br/></body><br/></html><br/></span>
Salin selepas log masuk

相关链接:

JS/JQ生成二维码插件

qrious.js实现在线生成二维码插件

JS二维码生成插件

Atas ialah kandungan terperinci qrcode.js插件如何生成二维码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan