## 第三課時：保存和恢復 `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()`方法撤銷了這個設置，將樣式恢復上一次保存的狀態（即默認樣式），所以實際的填充色是黑色（默認顏色）。