安装

npm install --save qrcode
npm install --save @types/qrcode // ts类型,酌情选择
npm install --save qrcode.react // 提供react可使用的标签

使用

大概记录，详细的描述可以下包后查看对应的README.md文件

方法1：这种方法适合可以直接操作dom的情况

// 二维码
const canvas = document.createElement('canvas');
QRCode.toCanvas(canvas, value);
Handsontable.dom.empty(TD);
TD.appendChild(canvas);

方法2：这种方法适合react使用

// 二维码
let src = '';
QRCode.toDataURL(value, (error: Error, url: string) => {console.log(error);src = url;
});
return (<img src={src} />);

方法3：这种方法适合react使用，但是它需要手动指定尺寸，前两种方式可以根据父元素的大小自动计算合适的尺寸，可以按需选择

<QRCode value={url} size={200} />

qrcode生成二维码相关推荐

C# 利用QRCode生成二维码图片
网上生成二维码的组件是真多,可是真正好用的,并且生成速度很快的没几个,QRCode就是我在众多中找到的,它的生成速度快.但是网上关于它的使用说明,真的太少了,大都是千篇一律的复制粘贴.这是本要用它做了 ...
使用jQuery的插件qrcode生成二维码（静态+动态生成）及常见问题解决方法
使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法参考文章: (1)使用jQuery的插件qrcode生成二维码(静态+动态生成)及常见问题解决方法 (2)https: ...
关于QRCode生成二维码（背景图、Logo）
关于QRCode生成二维码的代码 /// <summary> /// 创建二维码 /// </summary> /// <param name="QRStrin ...
php使用Qrcode生成二维码
php使用Qrcode生成二维码首先检查php.ini Gd 库要打开 use QrCode; //控制器引用public function index(){include 'phpqrcode.p ...
用ThoughtWorks.QRCode生成二维码时出现“索引超出了数组界限”的错误
用ThoughtWorks.QRCode生成二维码时出现"索引超出了数组界限"的错误字符串较长的情况下,用ThoughtWorks.QRCode生成二维码时出现"索引超 ...
qrcode 生成二维码，带logo 带文字描述
qrcode 生成二维码 1.引入 pom.xml 2. ResourceRenderer 3. QRCodeUtil 4. QRCodeController 5. HTML 6. 测试 1.引入 p ...
C语言使用QRcode生成二维码
C语言使用QRcode生成二维码的简单操作首先需要QRcode源码包可以参考这位大神的文章: https://blog.csdn.net/qq_21475601/article/details/7 ...
qr-code 生成二维码
1.下载: composer require endroid/qr-code php: >=7.2 2.新建Qrcodes.php二维码生成类 use Endroid\QrCode\ErrorC ...
vue使用qrcode生成二维码
vue使用qrcode生成二维码 1. 首先安装qrcode插件 npm i qrcode -S 2.引入使用 import QRCode from 'qrcode' 3.生成二维码 <temp ...
TP6使用qrcode生成二维码
经常会碰到系统根据地址生成二维码的使用场景,如健康码,分享商品,邀请用户注册等,使用qrcode生成二维码非常方便,它支持带logo或者不带,也可以设置二维码大小. composer require ...

qrcode生成二维码

安装

使用

qrcode生成二维码相关推荐

最新文章

热门文章