美文网首页Canvas
canvas-13 上下文对象的状态、变换

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

作者: 呆桃冲鸭冲鸭 | 来源:发表于2020-08-17 08:45 被阅读0次

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

管理上下文状态的方法:

保存当前状态: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)

矩阵变换

相关文章

网友评论

    本文标题:canvas-13 上下文对象的状态、变换

    本文链接:https://www.haomeiwen.com/subject/fitgdktx.html