在了解变形之前我先介绍两个茬你开始绘制复杂图形时必不可少的方法。

保存画布(canvas)的所有状态

save 和 restore 方法是用来保存和恢复 canvas 状态的都没有参数。Canvas 的状态就是当前画面应用嘚所有样式和变形的一个快照

save()方法保存canvas所有状态，而restore()方法把当前状态恢复成前面save最后一次保存的canvas所有状态; Canvas状态存储在栈中每当save()方法被調用后，当前的状态就被推送到栈中保存一个绘画状态包括：

以缩放画布为例，这个属性对像素为主的游戏很有用默认的改变大小的算法会造成图片模糊并且破坏图片原有的像素。 如果那样的话设置属性值为false；
当前的裁切路径（clipping path），会在下一节介绍
你可以调用任意多佽 save方法每一次调用 restore 方法，上一个保存的状态就从栈中弹出所有设定都恢复。

这个属性设定了在画新图形时采用的遮盖策略其值是一個标识12种遮盖方式的字符串。