SVG——图形系统

前言

SVG (Scalable Vector Graphics)，即可缩放矢量图形，它使用XML来描述由直线、曲线、文本等组成的图形。
一般用来创建高精度、高质量、可移植的图形。目前大多数的现代浏览器都能显示SVG图形，随着大数据的流行，SVG作为数据可视化的关键技术之一，也越来越受到重视。

这里主要记录下我在阅读《SVG精髓》这本书的体会和总结，如有理解的不对的地方还请以原书和SVG规范为准。

说到SVG就不能不提计算机描述图形的两大系统，栅格图形系统和矢量图形系统。

在栅格图形系统中，图像被表示成像素的矩阵，每个像素有自己对应的颜色。这一系列像素通常也被叫做位图(bitmap)，通常以某种压缩格式存储。大多数的显示设备也是栅格设备，因此，在显示时只需将位图解压并对应传输到屏幕即可。

换句话说，栅格图形其实并不知道自己长什么样，它只是一系列已经计算好的像素点而已。

另外，缩放栅格图形是要损失画质的。

矢量图形系统中，图像被描述为一系列几何形状的组合。

矢量图形可以理解为一系列绘图指令（而不是图形本身），它清楚的知道自己应该长什么样，都由哪些元素组成。

缩放矢量图形并不会损失画质