1.保存和恢复绘图状态：

在绘制图形时，难免会重复使用某个样式，甚至有时会在不同颜色之间来回切换。

那么为了减少代码冗余，我们可以调用画布中的save()方法，来帮我们

保存一些样式和属性，这样我们就可以再通过调用restore() 方法，来再次使用这些我们曾保存好的样式和属性了！

下面看下具体代码：

保存和恢复绘图状态 window.onload = function () { ); ); context.fillStyle ; context.save(); ; context.fillRect( } 您的浏览器暂不支持画布！

2.保存和恢复多个绘图状态：

多个绘图状态是如何保存的呢？

我们可以这么理解：有台复印机在大量的复印资料，最先复印的肯定是在最下层的，后来的一张张的累在上面，然后堆成一摞儿，

最上面的那份肯定是最后一次的复印操作，这个毋庸置疑！

保存状态其实就类似复印机的工作状态，最近保存的在最上层！

来看下代码怎么实现：

保存和恢复绘图状态 window.onload = function () { ); ); context.fillStyle ; context.save(); context.fillRect(; context.save(); context.fillRect( context.restore(); context.fillRect( context.restore(); context.fillRect( } 您的浏览器暂不支持画布！

交流群：225443677