第 5 课 7 / 19 ｜ 编码：L05-10
核心知识

状态、保存与恢复

绘图工具会记住当前颜色、线宽等设置。临时换一种画法后，可以恢复之前的设置，再继续画。 

<style>
body {
  font: 20px/1.5 sans-serif;
  padding: 16px;
  color: #20354e;
}
button, input, select { font: inherit; }

</style>
<canvas id="poster" width="640" height="360" style="max-width:100%;height:auto;border:1px solid #aaa">黄梅戏分享会海报</canvas>
<script>
const canvas = document.querySelector('#poster');
const ctx = canvas.getContext('2d');
ctx.save();
ctx.fillStyle = '#ffb347';
ctx.fillRect(20, 20, 100, 60);
ctx.restore();
ctx.fillRect(140, 20, 100, 60);
</script>