HTML5的学习 （canvas translate和restore的理解）

  今天研究了一下canvas画布中的translate方法。

一直以为translate(100,100)里面的参数是坐标点啊，其实是相对位置，坐标系移动后想要移动回去，使用translate(-100,-100)，这玩意儿还能困扰我半天，服了！

关于restore()的理解，之前用save()方法，然后再进行操作后执行restore()会返回之前的状态。好吧，不是所有状态，比如，你又画了一个正方形出来，还想restore（）回去？ 太天真了。。。

关键在于绘图状态，它是指Canvas的平移、放缩、旋转、错切、裁剪等操作或者颜色、线条等样式。