189 8069 5689
在HTML中，我们可以使用SVG（Scalable Vector Graphics）来创建和展示矢量图形，SVG是一种基于XML的矢量图像格式，它使用数学公式而不是像素点来描述图像，这使得SVG图像可以在不失真的情况下缩放，适用于各种屏幕尺寸和分辨率。
要在HTML中使用SVG，有以下几种方法：
1、直接在HTML文件中插入SVG代码
可以直接将SVG代码嵌入到HTML文件中，如下所示：
SVG示例
2、使用
可以将SVG代码保存为一个独立的文件，然后通过
SVG示例
3、使用标签引用外部SVG文件
同样可以将SVG代码保存为一个独立的文件，然后通过标签引用该文件，如下所示：
SVG示例
接下来，我们来看一下如何在SVG中绘制一个简单的圆形，我们需要创建一个元素，为其设置宽度和高度，在元素内部，我们可以使用各种SVG元素来绘制图形，我们可以使用
SVG示例
在这个示例中，我们创建了一个直径为100像素的圆形，圆心坐标为（50,50），半径为40像素，线条颜色为黑色，线条宽度为3像素，填充颜色为红色，其他常用的SVG元素包括矩形（