在线生成二维码

效果 在线演示

直接上代码

<div class="container" style="margin-top: 50px;">
    <h1>木子二维码</h1>
    <div class="col-md-6 col-xs-12">
        <textarea id="content" class="form-control" rows="12">在这里打开新世界</textarea>
    </div>
    <div class="col-md-6 col-xs-12">
        <div id="qrcode"></div>
    </div>
</div>

var qrcode = new QRCode("qrcode", {
        width: 128,
        height: 128,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.H
    });

    function makeCode() {
        var elText = document.getElementById("content");

        if (!elText.value) {
            elText.focus();
            return;
        }
        qrcode.clear();
        qrcode.makeCode(elText.value);
    }