在 HTML 中嵌入外部 SVG 文件

你可以使用 <img><object> 元素嵌入外部 SVG 元素。设置高度和宽度是可选的,但强烈建议。

使用图像元素

<img src="attention.svg" width="50" height="50">

使用 <img> 不允许你使用 CSS 设置 SVG 样式或使用 JavaScript 操作它。

使用 object 元素

<object type="image/svg+xml" data="attention.svg" width="50" height="50">

<img> 不同,<object> 直接将 SVG 导入到文档中,因此可以使用 Javascript 和 CSS 进行操作。