带你快速玩转canvas（7）保存画笔状态和恢复画笔状态

来源：互联网发布：男科网络预约挂号编辑：程序博客网时间：2024/05/16 09:55

9. 保存画笔状态和恢复画笔状态

解释：

1. 简单来说，就是保存当前ctx设置的各种属性，在需要时，可以恢复到保存时的属性；2. 保存api是无返回值的，这说明不能保存多种不同的状态；3. 只能恢复一次，如果恢复后还需要保存，则需要再次调用保存的api；

ctx.save()

1. 保存的api，无返回值；2. 保存状态只能恢复一次；3. 也可以说是保存ctx的上下文环境；4. 根据MDN的说明，保存的状态有以下：

    当前的变换矩阵。    当前的剪切区域。    当前的虚线列表.    以下属性当前的值： strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, lineDashOffset, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, globalCompositeOperation, font, textAlign, textBaseline, direction, imageSmoothingEnabled.

ctx.restore()

1. 恢复保存时的状态，无返回值；2. 恢复只能恢复一次，第二次恢复无效；3. 恢复的内容显然是保存时的内容（见上面）；

DEMO

0 0