从最基础开始的Canvas学习

模拟实现正确的月相变化，一个简单的效果就操碎了心，真是前路慢慢，编程艰难。 通过一个圆（作为银白色的月亮），两个phase作为半圆并遮挡银色月亮，以缩放为原理，模拟实现月相变化的效果...

动画帧，将一系列离散的图像以极快的速度连续播放，从而模拟物体运动或变化。帧率保持在每秒24帧，人脑就会将其看做运动。而且人眼无法识别更高频率的帧...

基本的图形变换包括位移、旋转、缩放，在canvas中，这些操作都是基于坐标系原点进行操作的。在复杂多图形处理中，不同的图形应用的变换多种多种，这样就有可能产生混乱，因此提供save和restore

canvas基于栅格(grid)和坐标空间完成图形的定位和长度的度量。canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中的一像素。栅格的起点为左上角（坐标为(0,0)）