如何在網頁中使用 .svg 檔案？

svg 檔案是可縮放向量圖形。你可以使用 <img>、<iframe>、<object> 或 <embed> 標記將其新增到網頁中。

.svg 檔案應在 <img> 標記的 src 屬性中引用。我們來看看如何使用 <img> 標記新增它。

你可以嘗試執行以下程式碼來學習如何在網頁中使用 .svg 檔案。我們有一個 smiley.svg 檔案 −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML SVG</title>
   </head>

   <body>
      <h1>Design</h1>
      <img src=
         "https://tutorialspoint.tw/html5/src/svg/extensions/imagelib/smiley.svg"
         id="demo" alt="smiley">
   </body>
</html>

更新於: 26-6 月 -2020

608 次瀏覽

開啟你的 職業生涯

完成本課程以獲取認證

開始
廣告
© . All rights reserved.