【taro react】 ---- QRCode 二维码生成

2024-01-08 07:32:14

1. 需求分析

  1. 需要将输入的值转换为图片资源;
  2. 由于只是单纯的展示,所以不需要很多比如加 logo 等复杂功能;
  3. 不需要后端生成,直接前端操作;
  4. 使用的第三方库尽可能小,功能单一;
  5. 最后选择使用 qrcode-generator 库,只有 40kb。

2. 使用第三方库

qrcode-generator

3. 转换 base64 方法

export const createQrCodeImg = function (text, options) {
  options = options || {};
  var typeNumber = options.typeNumber || 4;
  var errorCorrectLevel = options.errorCorrectLevel || 'M';
  var size = options.size || 500;

  var qr;

  try {
    qr = qrcode(typeNumber, errorCorrectLevel || 'M');
    qr.addData(text);
    qr.make();
  } catch (e) {
    if (typeNumber >= 40) {
      throw new Error('Text too long to encode');
   

文章来源:https://blog.csdn.net/m0_38082783/article/details/135392078
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。