qrcode.js 打印二维码
时间: 2023-07-24 19:00:11 浏览: 50
要使用 qrcode.js 打印二维码,首先需要引入 qrcode.js 库。可以通过以下方式在 HTML 页面中引入:
```html
<script src="qrcode.min.js"></script>
```
接下来,需要在 JavaScript 中创建一个 QRCode 实例,并将其绑定到要显示二维码的 HTML 元素上。例如,如果要在一个 id 为 "qrcode" 的 div 元素中显示二维码,可以使用以下代码:
```javascript
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.example.com",
width: 200,
height: 200,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
```
在上面的代码中,我们传递了一些参数给 QRCode 构造函数,包括:
- `document.getElementById("qrcode")`:要绑定到的 HTML 元素。
- `text: "https://www.example.com"`:要生成二维码的内容。
- `width: 200` 和 `height: 200`:二维码的宽度和高度。
- `colorDark : "#000000"` 和 `colorLight : "#ffffff"`:二维码的颜色(黑色和白色)。
- `correctLevel : QRCode.CorrectLevel.H`:纠错等级。
最后,可以使用以下代码将二维码打印出来:
```javascript
var printContents = document.getElementById("qrcode").innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
```
上面的代码将要打印的内容存储在变量 `printContents` 中,然后将页面的内容替换为要打印的内容,调用 `window.print()` 打印页面,最后将页面内容恢复为原始内容。