上下文对象的状态:就是上下文对象的属性。比如描边颜色,填充颜色,投影,线条样式,变换信息 ...
管理上下文状态的方法:
保存当前状态: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)
矩阵变换
网友评论