React js 在二维码中添加标志

Question

我希望能够创建一个带有自定义徽标的二维码，如图所示。

我目前在 React js 中使用以下库：

qrcode.react

创建二维码，但不允许您插入徽标。

我想写一个模块来做到这一点，但我想要一些关于它的建议，就我记得的内部代码而言，就是那些我应该放标志的地方是更正代码。

我还发现了以下网站，允许您根据他们使用的技术自定义二维码，链接：Site

Answer 1

阅读 qrcode.react 文档，我看到了 imageSetings 属性，它允许您插入任何您想要的图像作为徽标。试试看，这对我有用：

<QRCode
  value="http://facebook.github.io/react/"
  fgColor="#7f0000"
  includeMargin
  imageSettings={{
    src:"https://picsum.photos/id/67/300/300",
    excavate:true
  }}
/>