admin管理员组

文章数量:1582013

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

本文标签： 画笔状态带你玩转快速

版权声明：本文标题：带你快速玩转canvas（7）保存画笔状态和恢复画笔状态 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1727893363a1136542.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。