react中二维码的生成

使用工具

主要使用qrcode.react来生成二维码

下载命令：npm install qrcode.react --save

使用方法

import {QRCodeSVG, QRCodeCanvas} from 'qrcode.react' // 有两种都可以用来生成二维码，格式不同

<QRCodeSVG
  value={url} // 生成的二维码的链接，比如：https://m.baidu.com/
  size={number} // 尺寸大小，number类型，默认128
  bgColor='string' // 背景色，默认#fff
  fgColor='string' // 二维码颜色，默认#000
  level='string' // 容错大小二维码被遮挡后还能正确的展示。取值只有`L、M、Q、H`，默认L
  includeMargin='boolean' //false、true,是否支持marginSize
  marginSize={number} // 指定用于符号周围边距的模块数。(我的理解就是展示大小)
  imageSettings={objec} // 对象，表示二维码中图像的展示
  />

  imageSettings = {
    src: 'url', // 图片来源
    x: number, // 横向距离, 默认中心
    y: number, // 纵向距离, 默认中心
    height: number,  // 图片高度，默认size的10%
    width: nubmer, // 图片宽度， 默认size的10%
    excavate: boolean, // 展示未知效果，默认false
}
    

参考网址：
DEMO
qrcode.react npm