svg (可缩放矢量图像)

其他图片格式是告诉计算机在屏幕上哪一点应该绘制什么颜色，
而svg是告诉计算机如何通过它的组成部分重组图形。

svg的渲染模型被称为画家模型：上层会覆盖下层

z-index paint-order 允许你改变渲染规则，由svg2引入

栅格图形 和 矢量图形

• 栅格图形是由像素组成；
• 数学描述的几何形状；

图形 api 设计方面存在两个派系：

• canvas 的即时模式
• svg 的保留模式

渐变分类

• 线性渐变
• 放射性渐变