如何在网页中使用 .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.com/html5/src/svg/extensions/imagelib/smiley.svg"
         id="demo" alt="smiley">
   </body>
</html>

更新于： 2020 年 6 月 26 日

609 次浏览

开启你的职业生涯

通过完成课程获得认证

开始
广告