Question

我有一张表格，上面显示了QR码，并使用printThis.js打印表格。 QR码之前显示并使用谷歌URL轻松打印，但我发现它已被折旧，然后我googled找到其他来源，发现jquery库jquery.qrcode.js和qrcode.js，但现在我面临一个问题，当我打印表格上没有显示QR码，可能是它显示QR码为画布，这是我的代码

HTML

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

JQUERY

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

我如何使其可打印，其次让我知道它是否适用于所有浏览器？我们还有其他解决方案，如谷歌网址

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/

可用选项及其默认值为：

//渲染方法：'canvas'，'image'或'div'
render: 'canvas',

QR码使用Jquery

2 个答案: