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。