Js生成二维码_js在线生成二维码

1 引入js

jquery.jqprint-0.3.js

jquery.qrcode.min.js

jquery-migrate-1.4.1.js

2 html元素 ：二维码生成在img的div中，新增img标签，并设置为display：none

3 生成二维码

$(“#ewm”).qrcode(“http://127.0.0.1:8080/pages/check/infos.html?id=” id)

4 打印

代码语言：javascript复制

function printQrcode() {
    var canvas  = document.getElementsByTagName("canvas")[0];
    var img = document.getElementById("image");
    img.src = canvas.toDataURL();

    $("#container").jqprint({
        debug : false,
        importCSS : true,
        printContainer : true,
        operaSupport : false
    });
}

注意点：qrcode 生成的二维码是在canvas标签中，canvas标签不能直接打印，因为是动态的，打印会显示空白，所以加了一个img标签，先把canvas图像赋予给img，再打印img，由于上方有定义img标签的display属性为none，所以不会显示。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/180897.html原文链接：https://javaforall.cn

javascript html jquery canvas https

0 人点赞