QRCode.js 生成二维码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了QRCode.js 生成二维码相关的知识,希望对你有一定的参考价值。
载入 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 的浏览器下有效)
以上是关于QRCode.js 生成二维码的主要内容,如果未能解决你的问题,请参考以下文章