其他|qrcodejs二维码前端|javascript

使用 qrcodejs生成二维码 qrcode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。
安装
【其他|qrcodejs二维码】npm

npm install --save qrcode

cdn

/uploads/allimg/220907/143U522J-0.jpg

bootcdn搜qrcodejs引用可用版本。
先来看一个例子

林扬生 - 锐客网 src="http://img.readke.com/220907/143U522J-0.jpg"> type="text/javascript"> new QRCode("qrcode", { text: "https://www.baidu.com/", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H });

文章图片

使用方法 1.引入qrcode.js

="/uploads/allimg/220907/143U522J-0.jpg">

2.DOM结构

2.初始化生成的二维码,并设置二维码的宽高，颜色，背景等属性

new QRCode("qrcode", { text: "", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H });

参数说明

new QRCode(element, option)

| 名称 | 说明 |
| :–: | :–: | :–
| element | 显示二维码的元素或该元素的 ID |
| option | 参数配置 |
option 参数说明

左对齐	居中	右对齐
width	256	二维码宽度
height	256	二维码高度
typeNumber	4
colorDark	#000000	前景色
colorLight	#ffffff	背景色
correctLevel	QRCode.CorrectLevel.L	容错级别：L、M、Q、H