画布（Canvas）坐标系

因为画布可能比窗口大，并且配备了滚动条来在窗口中移动整个画布，所以每个画布有两个坐标系：

一个点的 窗口坐标 是相对于显示画布所在区域的左上角的。

一个点的 画布坐标 是相对于整个画布的左上角。