前端如何生成二维码

业务需求需要根据输入的url生成相应的二维码，经过一番测试，寻找到了解决办法
yarn add qrcode.react

import QRCode from 'qrcode.react';
...
//下面就是生成的二维码图片，imageSettings不需要的话可以删掉
<QRCode
    value='https://www.baidu.com/'// 生成二维码的内容
    size={300} // 二维码的大小
    fgColor="#000000" // 二维码的颜色
    imageSettings={{ // 中间有图片logo
      src: logo,
      height: 60,
      width: 60,
      excavate: true
    }}
  />
...

原理就是利用了canvas画布绘制，具体的可以去看源码。
参考：二维码生成