学习笔记，画布说

画布说

1、默认画布的原点是在左上角的，都是重左上角（0,0）点开始画。

• 屏幕的原点是在左上角

  2、画布绘制操作，画布可以绘制基本图形，图片，文字等。方法drawXXX()。

3、画布变换操作，translate 位移，scanle 缩放，rotate 旋转，skew,倾斜。

• 位移（translate）是根据原点的相对位置来移动的，并不是每次都重左上角的（0，0）点开始移动。

 - canvas.translate(200,200);

• 缩放（scanle）

 - scanl(sx,sy);
 - scanl(sx,sy,px,py);

-对于两个参数的方法sx,sy(默认缩放点是原点):
1、取值 绝对值sx大于1,X轴方向放大； 绝对值sx小于1 X轴方向缩小。同理sy。
2、 符号（正负），sx，sy正不用翻转，sx,sy 负，一原点为中心翻转180度。sx负sy正，以Y轴为中心翻转180度，同理sx正sy负。
-对于四个参数的方法 sx,sy,px,py:
前面两个参数同上。px,py是缩放的中心点（这个中心点是在画布原点的基础上的偏移。如果原点在左上角，那么他就是相对于左上角的偏移，如果原点在屏幕中心那就相对于屏幕中心的偏移）。

4、旋转（rotate）

-rotate(degrees);
-retate(degress,px,py);

1、一个参数的方法 （默认旋转点是原点），degrees 旋转的角度。旋转开始的角度为X轴正方向，顺时针为正方向，逆时针为负方向。
2、两个参数的方法 第一个同上 后面两个是旋转中心坐标的X和Y值。

5、倾斜（skew）

skew(sx,sy);

sx 将画布在x轴方向上倾斜响应的角度，sx倾斜角度的tan值，
sy将画布在y轴方向上倾斜响应的角度sy为倾斜角度的tan值。