SVG 元素详解：HTML5 中的矢量图形核心技术

SVG 不同于我们常见的 JPEG、PNG 等位图格式，它是一种使用数学公式来描述图形的矢量格式。这意味着 SVG 图形由点、线、曲线和形状等几何元素构成，而不是由像素矩阵组成。这种根本性的差异带来了 SVG 最显著的优势：无限缩放而不失真。无论您将 SVG 图形放大多少倍，边缘始终保持光滑清晰，不会出现像素化的现象 。