摘要：
在真正开始之前，我们需要先探讨 canvas 的网格（grid）或者坐标空间（coordinate space）。如 HTML 里有一个150像素宽， 150像素高的 canvas 对象。我在画面上叠加上默认网格，如右图。通常网格的1个单元对应 canvas 上的1个像素。网格的原点是定位在左上角（坐标(0,0)）。画面里的所有物体的位置都是相对这个原点。这样，左上角的蓝色方块的位置就是距左边x像素和 距上边Y像素（坐标(x, y)）步骤：1, 取得canvas元素 (document.getElementById)2, 取得上下文 (context)上下文是一个封装了很多绘图功能的对象。需要 阅读全文
