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

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');
   

相关推荐

  1. 【taro react】 ---- QRCode 生成

    2024-01-05 11:10:05       40 阅读
  2. vue qrcode生成

    2024-01-05 11:10:05       21 阅读
  3. 利用qrcode.vue库生成

    2024-01-05 11:10:05       36 阅读
  4. Vue中生成,使用现有的qrcode

    2024-01-05 11:10:05       12 阅读
  5. 【OpenCV】(一)wechat_qrcode检测

    2024-01-05 11:10:05       16 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-05 11:10:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-05 11:10:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-05 11:10:05       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-05 11:10:05       20 阅读

热门阅读

  1. 30分钟也能“玩转” K8s?新手必看!

    2024-01-05 11:10:05       29 阅读
  2. 1.4 力扣回溯题

    2024-01-05 11:10:05       39 阅读
  3. Hadoop的启动停止命令详解

    2024-01-05 11:10:05       37 阅读
  4. golang中net/http/server.go源码剖析

    2024-01-05 11:10:05       48 阅读
  5. Linux端口转发的几种常用方法

    2024-01-05 11:10:05       40 阅读