Maison  >  Article  >  interface Web  >  Comment le plug-in qrcode.js génère-t-il des codes QR ?

Comment le plug-in qrcode.js génère-t-il des codes QR ?

零到壹度
零到壹度original
2018-03-23 12:03:281652parcourir


Cet article partage principalement avec vous comment le plug-in qrcode.js génère des codes QR, principalement sous forme de code. J'espère qu'il pourra aider tout le monde.

Adresse de téléchargement 1.github

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

2. Cas d'utilisation

Saut de lien de code QR, portant des paramètres chinois

<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>

Liens associés :

Plug-in de génération de code QR JS/JQ

qrious.js réalise la génération en ligne de code QR Plug-in de code

Plug-in de génération de code QR JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn