SVG 基本语法

SVG 基本语法

SVG（Scalable Vector Graphics，可缩放矢量图形）是一种用于描述二维图形的语言，基于 XML。它由 W3C 制定，是一种开放的标准。SVG 图形可以在不失真的情况下放大或缩小，因此它们非常适合用于网页设计、印刷和动画。

SVG 文档结构

一个基本的 SVG 文档结构如下：

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <!-- SVG 内容 -->
</svg>

• <svg> 元素是 SVG 文档的根元素，它定义了整个 SVG 图形的宽度和高度。
• width 和 height 属性指定了 SVG 图形的尺寸。
• xmlns 属性定义了 SVG 命名空间，它是必需的。

基本图形元素

SVG 提供了多种基本图形元素，用于创建不同的形状：

矩形 <rect>

<rect x="10" y="10" width="30" height="20" fill="blue" />

• x 和 y 属性定义了矩形左上角的坐标。
• width