关于canvas的变换transformation

不管在开发中是否使用变换，修正层始终是存在的。（即：在进行canvas画图操作时，总会进行变换操作，只不过默认的是以（0,0）为原点）。

canvas的坐标原点是浏览器的右上角，浏览器页面是正方向，即：x>0,y>0。

例如：context.translate(x,y)，如果:

x>0,y>0 向右下方移动绘图上下文

x>0,y<0 向右上方移动绘图上下文

x<0,y>0 向左下方移动绘图上下文

x<0,y<0 向左上方移动绘图上下文