前端生成二维码插件

最新推荐文章于 2025-06-26 09:47:05 发布

原创最新推荐文章于 2025-06-26 09:47:05 发布 · 633 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用 qrcodejs2 库在前端生成高清二维码。通过设置二维码的尺寸为128，并利用 CSS 控制显示大小，实现高清晰度的展示效果。

前端生成二维码

import QRCode from 'qrcodejs2';

生成二维码是，代码里写 128，然后再用css控制 img的实际大小，达到高清的目的

 new QRCode(el, {
     text: text, //二维码内容字符串
     width: 128, //图像宽度
     height: 128, //图像高度
     colorDark: '#000000', //二维码前景色
     colorLight: '#ffffff', //二维码背景色
     correctLevel: QRCode.CorrectLevel.H, //容错级别
 })