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)保存画笔状态和恢复画笔状态
发布评论