Android画布canvas rotate，translate的理解

在开发过程中，经常会自定义view，有时候还涉及到自己画图，为了更好的产品体验，还会通过canvas.rotate旋转画布，绘制更复杂的图形或垂直文本。绘制有效的几何图形，当然离不开坐标系的选取。Android也定义了自己的坐标系，自然情况下，手机屏幕的左上角是坐标系的原点，向右是x的正轴，向下则为y的正轴。如下图是手机屏幕坐标系的定义：

然而，屏幕的可见区域包含了多个view，其实每个view也是有自己独自的坐标系，每个view占的空间是个长方形区域，所占长方形区域的左上角同样是这个view的坐标系原点，向右是x轴正方向，向下是y轴正方向。

举例如下：
假如要绘制一条线段（0，0），（100，300），在（50，50）为基准处绘制一段文本（text 1），显示结果如下：

接着将坐标轴旋转（-90°）（这里有些人认为旋转的是画布，其实旋转的是坐标轴），画线段（-300，100），（-300，200），在（-250，50）出绘制文本（text 2）；

对于这样的显示结果，是否很好奇，为啥两条线段恰好相交了，其实该这样理解这个结果：

对着上图（ppt绘制，略出粗，没有画绘制的文字），绿色框出的坐标轴，是第一次绘制的图形，蓝色框出的坐标轴，是第二次绘制的图形。
默认情况下，左上角是坐标原点，向右是x轴，向下是y轴，依据这个坐标系，绘制了线段（0，0），（100，300），对这个显示结果是没有异议的；
接着坐标旋转-90°（默认情况下，以原点为旋转点，顺时针方向旋转，这里旋转-90°，因此会逆时针方向转90°），这时候坐标轴的方向变化了，向上变成了x轴正方向，向右成了y轴正方向。接着绘制线段（-300，100），（-300，200），针对旋转后的坐标系，点（-300，100）恰好是默认坐标系的点（100，300），因此，绘制2条线段时，该点便是交点。

那么，如何理解绘图时调用canvas方法（rotate，translate）导致坐标轴变更后，对新坐标系绘制新图呢？只要记住2点就可以了：

1、每个canvas.draw()方法都在新画布绘制图形，最后呈现的效果是多个画布（每次draw就有一个画布）叠加的结果；
2、rotate，translate方法会使坐标轴发生变化，画布方向没有变化。

接下来，看看2次绘制的文本，文本的方向变了。为啥文本text 2是向右方向立着的呢？默认情况下，x正轴向右，y正轴向下，绘制的文本恰好是正立的，当旋转坐标轴-90°后，x正轴向上，y正轴向右，因此text 2回向右边立着。

可以参考以上分析以及第二次绘图的结果仔细揣摩这2点，理解的原理对以后绘制图形会更加的得心应手。

demo下载链接