载入 JavaScript 文件
<script src="qrcode.JS"></script>
DOM 结构
<div id="qrcode"></div>
调用
1, 简单方式
new QRCode(document.getElementById('qrcode'), 'your content');
2, 设置参数方式
- var qrcode = new QRCode('qrcode', {
- text: 'your content',
- width: 256,
- height: 256,
- colorDark : '#000000',
- colorLight : '#ffffff',
- correctLevel : QRCode.CorrectLevel.H
- });
- new QRCode(element, option)
element 显示二维码的元素或该元素的 ID
option 参数说明
名称 | 默认值 | 说明 |
---|---|---|
text | string | 二维码内容 |
width | 256 | 图像宽度 |
height | 256 | 图像高度 |
type | Number | 4 |
colorDark | "#000000" | 前景色 |
colorLight | "#ffffff" | 背景色 |
correctLevel | QRCode.CorrectLevel.L | 容错级别,可设置为:QRCode.CorrectLevel.L,QRCode.CorrectLevel.M,QRCode.CorrectLevel.Q,QRCode.CorrectLevel.H |
API 接口
- qrcode.clear();
- qrcode.makeCode('new content');
makeCode(text) 设置二维码内容
clear() 清除二维码.(仅在不支持 Canvas 的浏览器下有效)
来源: http://www.bubuko.com/infodetail-2785428.html