在现代网页开发中，二维码的应用越来越广泛，而如何通过JavaScript生成二维码并实现局部打印呢？这是一个很实用的小技巧！✨
首先，利用`QRCode.js`等开源库可以轻松生成二维码。只需引入相关脚本，并通过简单的代码即可生成所需二维码。例如：
```html
<script src="qrcode.js"></script>
<script>
new QRCode(document.getElementById("qrcode"), "https://www.example.com");
</script>
```
接着，当需要打印二维码时，可以通过CSS控制打印区域。添加一个`@media print`样式块，明确指定打印内容范围，避免多余元素干扰。例如：
```css
@media print {
body {
visibility: hidden;
}
qrcode, qrcode {
visibility: visible;
}
qrcode {
position: absolute;
left: 0;
top: 0;
}
}
```
最后，调用浏览器的打印功能（如`window.print()`），即可精准输出二维码部分！💡
掌握这个小技能后，无论是制作活动海报还是生成电子凭证，都能事半功倍哦！💪
前端开发 二维码生成 网页打印