qrcode.js原生使用

1.下载qrcode.min.js

qrcode.min.js

2.引入qrcode.min.js

<script src="qrcode.min.js" type="text/javascript" charset="utf-8"></script>

3.html

<div id="qrcode"></div>

4.参数说明

new QRCode(element, option)

名称	默认值	说明
element	-	显示二维码的元素或该元素的 ID
option	-	参数配置

option 参数说明

名称	默认值	说明
width	256	显示二维码的元素或该元素的 ID
height	256	参数配置
typeNumber	4
colorDark	"#000000"	前景色
colorLight	"#ffffff"	背景色
correctLevel	QRCode.CorrectLevel.L	容错级别，可设置为： QRCode.CorrectLevel.L QRCode.CorrectLevel.M QRCode.CorrectLevel.Q QRCode.CorrectLevel.H

API接口

名称	说明
makeCode(text)	设置二维码内容
clear()	清除二维码。（仅在不支持 Canvas 的浏览器下有效）

5.使用

function createQrcode(url) {
            $('#qrcode').html('');
                        // 设置参数方式
            var qrcode = new QRCode(document.getElementById("qrcode"), {
                width: 170,//图像宽度
                height: 170,//图像高度
                colorDark: "#000000",//前景色
                colorLight: "#ffffff",//背景色
                correctLevel: QRCode.CorrectLevel.H//容错级别
            });
            qrcode.makeCode(url);//设置二维码内容
        }

createQrcode('http://www.baidu.com');

原文作者：匆匆那年_海，博客主页：https://www.jianshu.com/u/910c0667c515
95后前端汉子，爱编程、优秀、聪明、理性、沉稳、智慧的程序猿一枚。