html如何使用svg

要在HTML中使用SVG，首先需要在HTML文档中插入一个`标签，然后在该标签内定义SVG图形。以下是一个简单的示例：，，`html，，，，，SVG示例，，，，，，，，，，``，，在这个示例中，我们创建了一个100x100像素的SVG画布，并在其中绘制了一个红色的圆形。

HTML 使用 SVG

1. 什么是SVG？

SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于 XML 的矢量图像格式，用于在网页上显示二维图形，它的优点是可以无损缩放，适应各种屏幕尺寸和分辨率。

2. 在HTML中嵌入SVG

要在 HTML 中使用 SVG，可以直接将 SVG 代码嵌入到 HTML 文件中，以下是一个简单的示例：




    SVG 示例

在这个示例中，我们在 HTML 文件的 body 部分插入了一个 svg 元素，svg 元素的宽度和高度分别设置为 100，表示该 SVG 图形的尺寸，在 svg 元素内部，我们添加了一个 circle 元素，表示一个圆形，circle 元素的 cx、cy 属性表示圆心的坐标，r 属性表示圆的半径，stroke 属性表示描边颜色，stroke-width 属性表示描边宽度，fill 属性表示填充颜色。

3. 使用外部SVG文件

除了直接将 SVG 代码嵌入到 HTML 文件中，还可以将 SVG 代码保存为独立的文件，然后在 HTML 文件中引用该文件，这有助于将图形和内容分离，便于维护和管理。

将 SVG 代码保存为一个独立的文件，circle.svg。

在 HTML 文件中使用标签引用该文件：




    SVG 示例