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 生成二维码的主要内容,如果未能解决你的问题,请参考以下文章

qrcode.js怎么给生成的二维码加id

二维码生成(QRCode.js)

QRCode.js 生成二维码

QRCode.js:使用 JavaScript 生成二维码

QRCode.js 生成二维码

jquery二维码生成插件jquery.qrcode.js