在 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 進行操作。