① 安装引入qrcodejs2

npm i qrcodejs2 -D (安装到开发环境)

import QRCode from "qrcodejs2"; (从node_module中寻找)

②使用qrcodejs2,new QRCode(“#id”,options), 第一个参数为dom元素的id值, 第二个参数是二维码的生成参数,包括二维码的内容、宽高、颜色以及容错等级

  new QRCode("qrcode", {

          text: _qrCodeConfWeb.redirectUrl, // 需要转换为二维码的内容

          width: 230, // 宽高

          height: 230,

          colorDark: "#000000",

          colorLight: "#ffffff",

          correctLevel: QRCode.CorrectLevel.L // 二维码 容错等级 L M Q H

  });

③上面说到容错等级,那容错等级到底是个啥?

定义:错误校正: 损坏,但仍然解码的二维码称之为二维码的容错等级。

原理:水平使用的Reed-Solomon纠错算法。越高误差校正水平,较少的存储容量。下表列出了在每一个的四个层次的近似误差校正能力:

电平L(低) 7%的码字可以被恢复。

M级(中) 的码字的15%可以被恢复。

级Q(四分)[ 28 ] 的码字的25%可以被恢复。

H级(高) 的码字的30%可以被恢复。

总结:容错等级越高,二维码越密集,损坏大的时候我们同样有很大几率扫出来。

Logo

前往低代码交流专区

更多推荐