如何在html中引入矢量图

可以使用SVG格式的矢量图像来在HTML中引入矢量图。

1. 首先，在你的电脑上创建SVG图像文件。你可以使用矢量图形软件（如Adobe Illustrator或Inkscape）来创建SVG文件。

2. 在HTML文件中，使用`<img>`元素来引用SVG文件，如下所示：

<img src="example.svg" alt="Example SVG">

3. 如果你想在HTML文件中直接插入SVG代码而不是引用文件，你可以使用`<svg>`元素，如下所示：

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

在上面的示例中，`<svg>`元素定义了SVG图形的宽度和高度。`<circle>`元素定义了圆形的位置、大小、边框和填充颜色。

注意：为了确保矢量图像在所有浏览器中正确显示，最好将SVG文件保存为纯文本格式。