HTML页面插入SVG的多种方式

插入SVG图像到HTML页面中有多种方式，下面将为大家介绍其中的几种。

1. 直接插入SVG标签

在HTML页面中，我们可以直接使用SVG标签来插入SVG图像。示例代码如下：

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="100">
  <rect x="10" y="10" width="50" height="50" fill="#f00"/>
  <circle cx="125" cy="50" r="40" fill="#0f0"/>
  <line x1="10" y1="90" x2="190" y2="90" stroke="#00f" stroke-width="5"/>
</svg>

在上述代码中，我们使用<svg>标签创建SVG容器，并在容器中插入了三个图形元素：矩形、圆形和直线。其中的SVG图像可以使用SVG属性来进行控制，例如宽度和高度等。

2. 使用外部链接嵌入SVG文件

我们还可以使用外部链接的方式嵌入SVG文件。在HTML页面中，我们可以使用<object>标签或者<iframe>标签来实现。下面是两个示例代码：

a. 使用