当前位置: 首页 > news >正文

【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');
http://www.lryc.cn/news/275884.html

相关文章:

  • rk3566 armbian修复usb2.0并挂载U盘
  • 猫头虎博主第9期赠书活动:《YOLO目标检测》计算机AI视觉实战YOLO人工智能目标检测与跟踪图像处理深度学习图像检测书籍
  • python 如何将英语单词翻译成中文
  • Linux_CentOS_7.9_MySQL_5.7配置数据库服务开机自启动之简易记录
  • js实现拖动盒子查看内容 内容拖动
  • [C#]winform利用seetaface6实现C#人脸检测活体检测口罩检测年龄预测性别判断眼睛状态检测
  • c++ execl 执行 重定向
  • uni-app中实现元素拖动
  • Java系列-Class.forName和ClassLoader.loadClass的区别
  • 找不到模块 “path“ 或其相对应的类型声明
  • Linux第17步_安装SSH服务
  • C语言—数据类型
  • 静态网页设计——多彩贵州(HTML+CSS+JavaScript)(dw、sublime Text、webstorm、HBuilder X)
  • unity PDFRender Curved UI3.3
  • 基于深度学习的停车位关键点检测系统(代码+原理)
  • C#,入门教程(09)——运算符的基础知识
  • 企业出海数据合规:GDPR中的个人数据与非个人数据之区分
  • 如何在Ubuntu搭建Emlog博客站点并发布至公网可随时远程访问管理界面——“cpolar内网穿透”
  • 【金猿CIO展】是石科技CIO侯建业:算力产业赋能,促进数字经济建设
  • TypeScript 类
  • Oracle分区表
  • 【leetcode】力扣算法之旋转图像【难度中等】
  • 【Java集合类篇】HashMap的数据结构是怎样的?
  • Spring 应用合并之路(一):摸石头过河 | 京东云技术团队
  • Android13配置selinux让system应用可读sys,proc,SN号
  • 防勒索病毒攻击的关键措施
  • 代表团坐车 - 华为OD统一考试
  • 运用Jmeter进行登录测试
  • Docker学习与应用(四)-容器数据卷
  • CentOS 7.6下HTTP隧道代理的安全性考虑