目 录CONTENT

文章目录

react生成二维码

过客
2022-10-29 / 0 评论 / 0 点赞 / 6 阅读 / 0 字

1. 安装qrcode.react插件

yarn add qrcode.react
// or 
npm install qrcode.react --save

2. 使用qrcode.react插件生成二维码

2.1 引用

import QRCode from 'qrcode.react';

2.2 使用

<QRCode
    id="qrCode"
    value="https://zengwu.com.cn"
    size={200} // 二维码的大小
    fgColor="#000000" // 二维码的颜色
    style={{ margin: 'auto' }}
    imageSettings={{ // 二维码中间的logo图片
        src: "https://zengwu.com.cn/images/avatar.png",
        height: 100,
        width: 100,
        excavate: true, // 中间图片所在的位置是否镂空
     }}
 />    
0
js
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin

评论区