【第2章 绘制】2.1 坐标系统

---

默认坐标系统

在默认情况下，Canvas 的坐标系统如下图所示，它以 canvas 的左上角为原点，X 坐标向右方增长，而 Y 坐标则向下方延伸。图中是一个具有默认 300*150 像素大小的 canvas 坐标系。

---

变换后的坐标系统

然而，Canvas 的坐标系统并不是固定的。如下图中所示，可以对坐标系统进行平移及旋转。事实上，可以采用如下方式来变换坐标系统：

• 平移（translate）
• 旋转（rotate）
• 缩放（scale）
• 创建自定义的变换方式

在本章及本书的其余部分，读者将会看到：坐标系统的变换是 Canvas 之中一项非常基本的功能，它在很多不同的场合之中都很有用。举例来说，对坐标系统进行变换即移动其原点，可以极大地简化在对图形及文本进行绘制与填充操作时所需的例行数值计算。