SVG

什么是 SVG

在学习 SVG 之前，首先要了解 位图 和 矢量图 的区别。
简单来说：

• 位图：放大会失真图像边缘有锯齿；是由像素点组成；前端的 Canvas 就是位图效果。
• 矢量图：放大不会失真；使用 XML 描述图形。

左边是位图，右边是矢量图

那么 SVG 是什么呢？它是矢量图的其中一种格式。它是用 XML 来描述图形的。
对于初学 SVG 的前端来说，可以简单的理解为 “SVG 是一套新标签”。