html网页引入svg图片的4种方式

时间：2023-12-28 09:59:58 来源：ALiz 作者：网络阅读：

web应用开发使用svg图片，总结了下，可以有如下4种方式：

1. 直接插入页面。
2. img标签引入。
3. css引入。
4. object标签引入。

1. 直接插入页面

在html页面，可以直接使用svg标签。

									<!DOCTYPE html>

									<html>

									    <head>

									        <meta charset="utf-8">

									        <title></title>

									    </head>

									    <body>

									        <!-- 一个svg图片 -->

									        <svg width="200" height="150" style="border: 1px solid steelblue">

									            <!-- 里面有一个矩形 -->

									            <rect x="10" y="10" width="100" height="60" fill="skyblue"></rect>

									        </svg>

									    </body>

									</html>