qrcodejs2 库生成二维码的常见用法
时间: 2024-10-13 16:10:12 浏览: 26
qrcodejs2 是一款 JavaScript 库,用于在浏览器中生成二维码。其常见用法通常涉及以下几个步骤:
1. 引入库:首先,在项目中引入 qrcodejs2 的 JS 文件,例如通过 CDN 或者本地引用。
```html
<script src="path/to/qrcode.min.js"></script>
```
2. 创建实例:在 JavaScript 代码中,创建一个 QRCode 对象并传入 `<canvas>` 元素和必要的配置。
```javascript
const canvas = document.getElementById('qr-canvas');
const qrCode = new QRCode(canvas, {
text: '要编码的信息', // 二维码内容
size: 10, // 代表默认边长(模块数),可根据需求调整
});
```
3. 生成二维码:调用 QRCode 对象的 `make()` 方法开始生成二维码,并在完成后调用 `onComplete` 回调。
```javascript
qrCode.make(function(error) {
if (error) {
console.error('Error generating QR code:', error);
} else {
// QR 代码已成功生成
}
});
```
4. 显示二维码:在二维码生成后,你可以直接显示在页面上,或者将其转换为图片数据 URL 供其他用途。
```javascript
const imgDataUrl = qrCode.toDataURL();
// 或者将imgDataUrl设置到img标签src属性
const qrImage = document.createElement('img');
qrImage.src = imgDataUrl;
document.body.appendChild(qrImage);
```
阅读全文