【javascript】二维码

javascript二维码的生成可以用第三方库qrcode.js。

下载地址:https://gitcode.net/mirrors/davidshimjs/qrcodejs

【javascript】二维码_第1张图片

解压后打开index.html文件输入百度地址回车,就可以看到指定页面的二维码了。

 【javascript】二维码_第2张图片

 html代码:




Cross-Browser QRCode generator for Javascript







根据使用文档,二维码的生成需要QRCode对象。 

var qrcode = new QRCode(document.getElementById("qrcode"), {
	text: "http://jindo.dev.naver.com/collie",
	width: 128,
	height: 128,
	colorDark : "blue",
	colorLight : "red",
	correctLevel : QRCode.CorrectLevel.H
});

QRCode有两个参数,前一个是插入二维码DOM,后一个可以设置二维码的属性。

text//网址
width//宽度
height//高度
colorDark//点颜色
colorLight//背景颜色
correctLevel//容错率
    //correctLevel : QRErrorCorrectLevel.L,(7%)
    //correctLevel : QRErrorCorrectLevel.M,(15%)
    //correctLevel : QRErrorCorrectLevel.Q,(25%)
    //correctLevel : QRErrorCorrectLevel.H,(30%)
colorDark : "blue",

【javascript】二维码_第3张图片

colorDark : "blue",
colorLight : "red",

【javascript】二维码_第4张图片

 QRCode有两个方法:

qrcode.clear(); // 清除二维码
qrcode.makeCode("http://naver.com"); // 生成其它二维码

你可能感兴趣的:(#,javascript,javascript)