Question

<style>
    #output {
        border: 1px solid #eee;
        min-height: 200px;
        width: 200px;
    }
</style>

这是我的css，当我尝试使用qrcode.js生成qrcode时。然后它显示html元素中的QR码，默认大小（200px）：

<div id="output" class="text-center" title="S0009"></div>

真的需要帮助才能将qrcode的大小调整为100px，请帮助我，我尝试了很多次：

<script>
    function generateBarCode() {
        alert('ok');
        var x = document.getElementById("output").title;
        $('#output').html('').qrcode(x);(or ({value:x,size:100}))
    };
    window.onload = generateBarCode;
</script>

但似乎不起作用。

Answer 1

试试这个

    function generateBarCode() {
        var output = document.getElementById("output")

        var qrcode = new QRCode(output, {
            text: output.title,
            width: 100,
            height: 100
        });
    }
    window.onload = generateBarCode;

该文档提供了一个非常明确的示例，说明如何调整QR码的大小。如果this是正确的库。作为抬头，QRCode对象可能在窗口加载时不可用。可能更改为文档加载，或使用Jquery $(document).ready();

无法调整qrcode img的大小

1 个答案: