如何在 JavaScript 中导入 SVG 文件？

在本文中，我们将看到并使用不同的方式来使用 SVG（可缩放矢量图形）。

方法一：使用 HTML 元素的最快方法。

句法：

通过元素嵌入 SVG，您需要：

• src属性
• 高度属性（如果您的 SVG 没有固有的纵横比）
• width属性（如果您的 SVG 没有固有的纵横比）

优点：

• 实施简单快捷。
• 通过嵌套 & HTML 元素将 SVG 图像变成超链接
• 缓存 SVG 文件，从而减少加载时间。

缺点：

• 无法操作 SVG 文件。
• 您只能使用内联 CSS 来设置 SVG 样式。
• 不能使用 CSS 伪类来设置 SVG 样式。

例子：

---

HTML

输出 ：

使用 HTML 元素的 SVG 文件

方法 2：使用 SVG 作为