对canvas的translate()方法的理解

数学里的矩阵变化有很多，包括矩阵的平移、旋转和缩放等。在图形变换中，经常会对图形进行矩阵变化。抽象起来讲，一个个图形在屏幕上其实就是一排矩阵，在进行矩阵变化的时候，还能采用硬件加速，大大提高效率。

本节主要将与举证平移相关的问题：

设某点向x方向移动 dx, y方向移动 dy ,[x,y]为变换前坐标， [X,Y]为变换后坐标。

则 X = x+dx;  Y = y+dy;

以矩阵表示：

                                1    0   0

[X, Y, 1] = [x, y, 1][ 0    1   0  ] ;

                               dx  dy   1

 1    0    0

 0    1    0   即平移变换矩阵。

 dx  dy   1

所以：

            canvas.save();//锁画布(为了保存之前的画布状态)
            canvas.translate(10, 10);//把当前画布的原点移到(10,10),后面的操作都以(10,10)作为参照点，默认原点为(0,0)