使用 JavaScript 从文件中加载 svg

Question

我在网上搜索过，但答案显示使用<object>、<img> 等将 SVG 嵌入到 HTML 中。我想要做的是打开一个包含大量图像的大型 SVG 文件，找到我想要的图像需要，并仅在页面上显示该图像。我该怎么做？

文件结构为：

• 目录
  • index.html
  • script.js
  • images.svg

Answer 1

几个步骤：

1. 使用Fetch API获取图片数据。
2. 使用 DOM parser 将 XML 解析为文档。
3. 找到您想要的 SVG 子集。 （您没有向我们展示您的 XML，但这可能就像 document.querySelector() 一样简单。）
4. 创建一个 SVG 元素。 （由于命名空间，这实际上有点棘手。另请参阅：JavaScript createElementNS and SVG）
5. Append it 到您页面上的相关元素。

Answer 2

你好，该死的，我认为你可以在你的 html 代码中添加 svg 并运行代码，但是你不能在 css 中使用 svg 字体大小，你可以在 svg 中使用宽度和高度来调整大字体大小在