美文网首页
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