如何从已加载的资产中检索 SVG 数据?

Question

在我的 React 应用程序中，我有一个这样的 svg 资产：

import appIcon from '../assets/dot-to-dot-icon.svg';

我想将已经缓存的徽标添加到 PDF 文档中，为此我需要将svg 数据作为字符串或 xml 类型的数据传递给PDF 创建方法，但我卡住了。

任何帮助将不胜感激。

Answer 1

如果以这种方式导入，则appIcon应该是 SVG 文件的 URL。

一旦有了它，您就可以使用fetch()来获取文件的内容。 像这样：

fetch("https://api.example.com/items")
.then(res => res.text())
.then(svg => {
// 'svg' should contain the contents of the svg
})