前言
SVG (Scalable Vector Graphics),即可缩放矢量图形,它使用XML来描述由直线、曲线、文本等组成的图形。
一般用来创建高精度、高质量、可移植的图形。目前大多数的现代浏览器都能显示SVG图形,随着大数据的流行,SVG作为数据可视化的关键技术之一,也越来越受到重视。这里主要记录下我在阅读《SVG精髓》这本书的体会和总结,如有理解的不对的地方还请以原书和SVG规范为准。
图形系统
说到SVG就不能不提计算机描述图形的两大系统,栅格图形系统和矢量图形系统。
栅格图形
在栅格图形系统中,图像被表示成像素的矩阵,每个像素有自己对应的颜色。这一系列像素通常也被叫做位图(bitmap),通常以某种压缩格式存储。大多数的显示设备也是栅格设备,因此,在显示时只需将位图解压并对应传输到屏幕即可。
换句话说,栅格图形其实并不知道自己长什么样,它只是一系列已经计算好的像素点而已。
另外,缩放栅格图形是要损失画质的。
主要用途
照片
传真
矢量图形
矢量图形系统中,图像被描述为一系列几何形状的组合。
矢量图形可以理解为一系列绘图指令(而不是图形本身),它清楚的知道自己应该长什么样,都由哪些元素组成。
缩放矢量图形并不会损失画质
主要用途
工程制图领域
地图
高分辨率打印图像