## 第三课时：保存和恢复 `CanvasRenderingContext2D.save()`方法用于将画布的当前样式保存到堆栈，相当于在内存之中产生一个样式快照。 ~~~ var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.save(); ~~~ 上面代码中，`save()`会为画布的默认样式产生一个快照。 `CanvasRenderingContext2D.restore()`方法将画布的样式恢复到上一个保存的快照，如果没有已保存的快照，则不产生任何效果。 上下文环境，restore方法用于恢复到上一次保存的上下文环境。 ~~~ var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.save(); ctx.fillStyle = 'green'; ctx.restore(); ctx.fillRect(10, 10, 100, 100); ~~~ 上面代码画一个矩形。矩形的填充色本来设为绿色，但是`restore()`方法撤销了这个设置，将样式恢复上一次保存的状态（即默认样式），所以实际的填充色是黑色（默认颜色）。