前端QRCode.js生成二维码插件

本文用于推荐一款很好用的二维码生成插件QRCode.js，测试使用方便且简单。 其实官方就有很好的文档，这里只是做一个我工作的记录和总结。

介绍

Github：https://github.com/davidshimjs/qrcodejs

• 主要使用canvas实现
• 原生代码，无需依赖
• 兼容性也很好，IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, ETC.

使用

引入js文件

<script src="qrcode.js"></script>

定义承载二维码标签

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

js调用

简单调用

new QRCode(document.getElementById('qrcode'), 'http://www.appblog.cn');

设置参数调用

var qrcode = new QRCode('qrcode', {
    text: 'http://www.appblog.cn',
    width: 256,
    height: 256,
    colorDark: '#000000',
    colorLight: '#ffffff',
    correctLevel: QRCode.CorrectLevel.H
});

参数API

QRCode参数

new QRCode(element, option)

Option参数

API接口

var qrcode = new QRCode('qrcode',{
    'text':'content',
    'width':256,
    'height':256,
    'colorDark':'red',
    'colorLoght':'transparent',
    'correctLevel':QRCode.CorrectLevel.H
})

qrcode.clear();
qrcode.madkCode('new content');