QRCode.js 二维码生成工具

QRCode.js 是一个用于生成二维码的 js 库,原理是利用canvas绘制图片并插入dom
,用法很简单,如下;




    
    Title




    

上面生成的是一个百度首页的二维码。
简单说明一下上面的参数:
'myQRCode' : 二维码插入的元素id
text:二维码的内容,就是扫描二维码后发送的url
width:二维码的宽
height:二维码的高
colorDark:前景色
colorLight:背景色
correctLevel:容错等级,有QRCode.CorrectLevel.L/M/Q/H 四个级别

打印一个二维码:

function printQRCode() {
        let str = document.getElementById('myQRCode').innerHTML
        let newPage = window.open('打印页面','_blank')
        newPage.document.write(str)
        newPage.document.close()
        newPage.print()
        newPage.close()
    }

批量生成并打印二维码:




    
    Title




    

在new QRCode() 之后其实是在目标元素内生成了一个的代码块,此时 img 里面并没有 src 属性,貌似需要一定时间生成,所以如果立刻将 innerHTML 放入数组并不能获取到二维码。
因此,在批量生成二维码代码中,使用了递归以及定时器来实现二维码的获取。(我猜也可以创建不同的div去存放,不过工作量有些大,还有不采用for循环是因为定时器会打乱其执行顺序,难控制)

你可能感兴趣的:(QRCode.js 二维码生成工具)