使用qrcodejs生成二维码

qrcode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

cdn

https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js

先来看一个例子

<!DOCTYPE>
<html>
<head>
    <meta charset="UTF-8">
    <title>QR二维码</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script>
</head>
<body>
    <div id="qrcode"></div>
</body>
<script type="text/javascript">
    new QRCode("qrcode", {
        text: "https://www.baidu.com/",
        width: 128,
        height: 128,
        colorDark : "#000000",
        colorLight : "#ffffff",
        correctLevel : QRCode.CorrectLevel.H
    });
</script>
</html>

option 参数说明

text	"自定义字符串"	二维码内容
width	128	二维码宽度
height	128	二维码高度
colorDark	#000000	前景色
colorLight	#ffffff	背景色
correctLevel	QRCode.CorrectLevel.L	容错级别：L、M、Q、H