SVG 作為 img
你可以使用 <img>
標記將 SVG 檔案的內容呈現為 HTML 文件中的影象。例如:
<img src="my_svg_file.svg" alt="Image description">
預設情況下,影象的尺寸將根據 src
屬性中引用的 SVG 檔案中指定的寬度和高度屬性進行顯示。
值得注意的是這種方法固有的各種限制:
- 瀏覽器支援雖然不錯,但不包括 Internet Explorer 8 及更早版本,也不包括 Android 2.3 及更早版本。
- 你無法使用 SVG 檔案外部的 CSS 設定 SVG 檔案中包含的各個元素的樣式。所有 CSS 必須在影象檔案本身內。
- JavaScript 將無法執行。
- 影象必須在單個檔案中完成。例如,如果 SVG 檔案包含光柵影象,則必須將這些內部影象編碼為資料 URL。