HTML svg 的用法

SVG（Scalable Vector Graphics）是一种用于创建矢量图形的标记语言，它可以通过 HTML 中的 \<svg> 元素来嵌入到网页中。

以下是一些常见的 SVG 元素和属性：

1. \<svg> 元素：用于定义 SVG 图形的容器，需要指定宽度和高度。

<svg width="100" height="100">
  <!-- SVG 图形内容 -->
</svg>

2. \<rect> 元素：用于创建矩形，需要指定 x、y、width 和 height 属性。

<rect x="10" y="10" width="80" height="80" />

3. \<circle> 元素：用于创建圆形，需要指定 cx、cy 和 r 属性。

<circle cx="50" cy="50" r="40" />

4. \<line> 元素：用于创建直线，需要指定 x1、y1、x2 和 y2 属性。

<line x1="10" y1="10" x2="90" y2="90" />

5. \<path> 元素：用于创建复杂的图形，需要使用路径命令来定义路径。

<path d="M10 10 L90 10 L50 90 Z" />

6. viewBox 属性：用于指定 SVG 图形的可见区域。

<svg viewBox="0 0 100 100">
  <!-- SVG 图形内容 -->
</svg>

以上是一些常见的 SVG 元素和属性，SVG 还有很多其他的元素和属性，可以根据具体需求进行学习和使用。