小编Sor*_*rin的帖子

我有一个项目，我正在使用 React-pdf 生成文档。我想向此文档添加 SVG 徽标。根据React-pdf文档，他们有一个名为Svg的元素，它是一个定义新坐标系和视口的容器，它被用作SVG文档的最外层元素。据我了解，我应该以某种方式将普通的 svg 转换为 React-pdf 使用的元素类型，以便使其工作？（如果是这样，我怎样才能做到这一点？我可以使用某种外部库吗？）。我的代码如下（现在它给了我一个错误，因为我无法使用 React-pdf 中的图像来渲染 svg。如果我将 Image 元素与格式为 .jpeg 或 .png 的图像的 src 一起使用，它就可以工作。

import {
  Page,
  Text,
  View,
  Document,
  StyleSheet,
  Image,
  Svg,
  PDFViewer,
} from "@react-pdf/renderer";

...
  return (
    <div>
      <PDFViewer style={{ width: "98vw", height: "98vh" }}>
        <Document title="TITLE" author="AUTHOR">
          <Page size="A4" style={styles.page}>
            <View style={styles.section}>
              <Svg>
                <Image src={logoUrl} style={styles.logo} />
              </Svg>
              <Text>My PDF</Text>
            </View>
          </Page>
        </Document>
      </PDFViewer>
    </div>
  );
...