SVG 简介

SVG（可缩放矢量图形）是一种基于XML的图像格式，用于在网页上创建二维图形。与传统的位图图像（如JPG或PNG）不同，SVG图像由直线、曲线、点和多边形等几何形状组成，这些形状可以通过数学方程来描述，因此可以无限放大而不失真。SVG格式由万维网联盟（W3C）制定，并已成为开放标准的网页图形标准之一。

SVG的历史

SVG的第一个版本（SVG 1.0）于2001年发布，随后在2003年发布了SVG 1.1，这个版本被分为多个模块化的“小版本”。2011年，W3C发布了SVG 1.1的第二版，这是一个修复了一些错误并增强了规范稳定性的版本。目前，SVG 2.0正在开发中，预计将引入更多的功能和改进。

SVG的优势

SVG图像具有许多优势，特别是在网页设计中：

1. 无限放大：由于SVG是基于矢量的，因此可以无限放大而不失真，这使得它在高清显示器和打印媒体上非常有用。
2. 文件大小：通常，SVG文件的体积比相应的位图图像小，这有助于加快网页加载速度。
3. 交互性：SVG图像可以通过JavaScript或CSS进行操作，从而创建动态和交互式的图形。
4. 可访问性：SVG图像可以通过屏幕阅读器等辅助技术进行访问，提高了网页的可访问性。
5. 搜索引擎优化：由于SVG是文本格式的，搜索引擎可以更容易地解析和索引SVG图像中的内容。

SVG的基本结构</