qrcode.react 二维码logo

在 qrcode.react 中添加二维码中间的 logo，可以使用以下代码：

import QRCode from 'qrcode.react';
import logoImg from './logo.png';

function App() {
  return (
    <QRCode
      value="https://www.example.com"
      size={256}
      renderAs="svg"
      imageSettings={{
        src: logoImg,
        height: 64,
        width: 64,
        excavate: true,
      }}
    />
  );
}

其中，`imageSettings` 属性用于设置 logo 的相关信息，包括：

- `src`：logo 图片的地址
- `height`：logo 图片的高度
- `width`：logo 图片的宽度
- `excavate`：是否将 logo 图片中的透明部分挖掉，使得二维码的背景能够透过 logo 显示出来。

注意：如果使用 `excavate`，logo 图片必须是包含透明部分的 PNG 图片。