Canvas
This commit is contained in:
@@ -27,12 +27,12 @@ Matrix(矩阵) | getMatrix, setMatrix, concat | 实际画布的位移,缩放
|
|||||||
上次呢我们了解了绘制颜色和绘制基本形状,这次会了解画布变换,绘制图片,绘制文字和绘制路径。
|
上次呢我们了解了绘制颜色和绘制基本形状,这次会了解画布变换,绘制图片,绘制文字和绘制路径。
|
||||||
|
|
||||||
### 1.画布操作
|
### 1.画布操作
|
||||||
#### 为什么要有画布操作
|
#### 为什么要有画布操作?
|
||||||
画布操作可以帮助我们用更加容易理解的方式制作图形,如果你之前看过绘制太极和Canvas(1)最后的实例,你就会发现其中就有对translate的运用。
|
画布操作可以帮助我们用更加容易理解的方式制作图形,如果你之前看过绘制太极和Canvas(1)最后的实例,你就会发现其中就有对translate的运用。
|
||||||
|
|
||||||
translate 是干什么用的呢?
|
translate 是干什么用的呢?
|
||||||
|
|
||||||
上面表格中写的是"位移",但"位移"的词义很是模糊,到底位移的是什么?那我换种说法,你应该就明白了,translate是坐标系的移动,为图形绘制选择一个合适的坐标系,看下图:
|
上面表格中写的是"位移",但"位移"的词义很是模糊,到底位移的是什么?那换种说法,translate是坐标系的移动,为图形绘制选择一个合适的坐标系,看下图:
|
||||||
|
|
||||||
<i>PS:请不要在意坐标系数值和图像的倾斜,制作软件出了一点问题,如果你有比较好的制作数学图形的软件可以推荐一下。</i>
|
<i>PS:请不要在意坐标系数值和图像的倾斜,制作软件出了一点问题,如果你有比较好的制作数学图形的软件可以推荐一下。</i>
|
||||||
|
|
||||||
@@ -66,6 +66,14 @@ translate 是干什么用的呢?
|
|||||||
我们首先将坐标系移动一段距离绘制一个圆形,之后再移动一段距离绘制一个圆形,两次移动是叠加的。
|
我们首先将坐标系移动一段距离绘制一个圆形,之后再移动一段距离绘制一个圆形,两次移动是叠加的。
|
||||||
|
|
||||||
#### ⑵缩放(scale)
|
#### ⑵缩放(scale)
|
||||||
|
缩放提供了两个方法,如下:
|
||||||
|
```
|
||||||
|
public void scale (float sx, float sy)
|
||||||
|
|
||||||
|
public final void scale (float sx, float sy, float px, float py)
|
||||||
|
```
|
||||||
|
这两个方法中前两个参数是相同的分别为x轴和y轴的缩放比例(1.0代表不变,大于1代表放大,小于1代表缩小),而第二种方法比前一种多了两个参数。
|
||||||
|
|
||||||
|
|
||||||
#### ⑶旋转(rotate)
|
#### ⑶旋转(rotate)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user