使用 Jquery 的二维码

Question

我有一个显示二维码的表格，并使用 printThis.js 打印表格。 QR 码以前可以使用 google URL 轻松显示和打印，但我发现它已经贬值了，然后我 googled 寻找其他来源并找到 jquery 库 jquery.qrcode.js 和 qrcode.js，但是现在我在打印表单 QR 码时遇到问题，上面没有显示，可能它显示的 QR 码为 canvas，这是我的代码

HTML

<img id="test"></div>

JQUERY

$(document).ready(function(){
     $('#test').qrcode({width: 120,height: 120, text: "Sample QR"});
        printthis();
})

我怎样才能使它可打印，其次让我知道它是否适用于所有浏览器不是吗？我们还有其他解决方案吗 google url

Answer 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-qrcode-0.14.0.js"></script>
</head>
<body>
    <div id="qrcode"></div>
    <script type="text/javascript">
    var options = {
        // render method: 'canvas', 'image' or 'div'
        render: 'canvas',

        // version range somewhere in 1 .. 40
        minVersion: 1,
        maxVersion: 40,

        // error correction level: 'L', 'M', 'Q' or 'H'
        ecLevel: 'L',

        // offset in pixel if drawn onto existing canvas
        left: 0,
        top: 0,

        // size in pixel
        size: 200,

        // code color or image element
        fill: '#000',

        // background color or image element, null for transparent background
        background: null,

        // content
        text: 'no text',

        // corner radius relative to module width: 0.0 .. 0.5
        radius: 0,

        // quiet zone in modules
        quiet: 0,

        // modes
        // 0: normal
        // 1: label strip
        // 2: label box
        // 3: image strip
        // 4: image box
        mode: 0,

        mSize: 0.1,
        mPosX: 0.5,
        mPosY: 0.5,

        label: 'no label',
        fontname: 'sans',
        fontcolor: '#000',

        image: null
    }
    $('#qrcode').qrcode(options);
    </script>
</body>
</html>

Answer 2

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

The available options and their default values are:

// render method: 'canvas', 'image' or 'div'
render: 'canvas',

使用 Jquery 的二维码

QR Code using Jquery

jquery

qr-code