SVG 参考手册

SVG 参考手册

1. 简介

SVG（可缩放矢量图形）是一种基于XML的图形格式，用于描述二维图形和图形应用程序。SVG图像在放大或缩小时不会失真，因为它们是由直线、曲线、点和多边形等数学对象定义的，而不是由像素组成的。这使得SVG非常适合网页设计、打印图形和动画。

2. 基础结构

一个基本的SVG文件结构如下所示：

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

• width 和 height 属性定义了SVG图像的宽度和高度。
• xmlns 属性定义了SVG命名空间。

3. 常用图形元素

3.1 矩形（<rect>）

<rect x="10" y="10" width="30" height="20" style="fill:blue; stroke:black;"/>

• x 和 y 属性定义了矩形左上角的坐标。
• width 和 height 属性定义了矩形的宽度和高度。
• style 属性定义了矩形的填充颜色和边框颜色。