canvas-13 上下文对象的状态、变换

上下文对象的状态：就是上下文对象的属性。比如描边颜色，填充颜色，投影，线条样式，变换信息 ...

管理上下文状态的方法：

保存当前状态：save()

恢复上一次保存的状态：restore()

一般我们在绘制具备同一种样式的图形时，都会用save()、restore()将其包裹起来。这是为了避免当前的图形样式影响以后所要绘制的图形样式。

代码示例

变换的本质是对canvas坐标系的操作。

变换的三个特征：

移动：translate(x,y)

旋转：rotate(angle)

缩放：scale(x,y)

变换示例

矩阵变换：

相对变换矩阵：transform(a, b, c, d, e, f)

绝对变换矩阵：setTransform(a, b, c, d, e, f)

矩阵变换