美文网首页
qrcode使用

qrcode使用

作者: 学王 | 来源:发表于2024-05-15 15:20 被阅读0次
    1
    <canvas id="qrcodeImage">
    </canvas>
    2
    import QRCode from 'qrcode';
    3
      qrcode(res){
                let toUtf8 = function (str) {
                    let out, i, len, c;
                    out = "";
                    len = str.length;
                    for (i = 0; i < len; i++) {
                        c = str.charCodeAt(i);
                        if ((c >= 0x0001) && (c <= 0x007F)) {
                            out += str.charAt(i);
                        } else if (c > 0x07FF) {
                            out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
                            out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
                            out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                        } else {
                            out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
                            out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                        }
                    }
                    return out;
                };
                QRCode.toCanvas(document.getElementById('qrcodeImage'),toUtf8(res),{
                    width: 200,
                    height:200,
                }, function (error) {
                  if (error) console.error(error)
                  console.log('success!');
                })
            },
            "qrcode": "^1.5.3",
    

    相关文章

      网友评论

          本文标题:qrcode使用

          本文链接:https://www.haomeiwen.com/subject/cknvfjtx.html