如何在網頁中使用 .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>

更新於: 2020 年 6 月 26 日

609 次瀏覽

開啟你的職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.