使用 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 中使用宽度和高度来大字体可以在

下