画点

首先要说明的是，在电脑屏幕上作画与在纸上作画是类似的。通常这个过程始于一个谨慎的技术性操作，但是随着新的内容不断引入，这个过程从用软件画简单的图形扩展到了动画和交互。在我们做出这个飞越之前，我们需要从头开始。

一个电脑屏幕是由一堆称之为像素的发光点组成的网格。每个像素在网格中的位置我们定义为像素的坐标。当你创建一个数由器程序时，你将会用浏览器来查看它。在浏览器的窗口中， 数由器创建了一个画布，你所创建的图形都将绘制在这个画布上。这个画布可能和窗口尺寸相同，或者可能有不同的维度。这个画布通常默认被放置在你窗口的左上角，但是你可以把它放置在窗口的其他位置。

当你在画布上画图时，x坐标表示的是到画布左边缘的距离而y坐标表示的是到画布上边缘的距离。我们把一个像素的坐标写成（x,y）。因此，如果一个画布的大小是 200*200像素，左上角的坐标为（0,0），中心位置的坐标为（100,100），右下角的坐标就是（199,199）。这些数字看起来会让你感觉很迷惑：为什么我们要用 0到199 来代替 1到200 呢？这是因为在程序中，我们通常从0开始计数。在之后的内容中你会发现，这样计数计算起来更简单。