File tree Expand file tree Collapse file tree 1 file changed +13
-10
lines changed
Expand file tree Collapse file tree 1 file changed +13
-10
lines changed Original file line number Diff line number Diff line change 7777
7878缩放比例(sx,sy)取值范围详解:
7979
80- | 取值范围(n) | 说明 |
81- | -------- | -------------------------- |
82- | [ -∞, -1) | 先根据缩放中心放大n倍,再根据中心轴进行翻转 |
83- | -1 | 根据缩放中心轴进行翻转 |
84- | (-1, 0) | 先根据缩放中心缩小到n,再根据中心轴进行翻转 |
85- | 0 | 不会显示,若sx为0,则宽度为0,不会显示,sy同理 |
86- | (0, 1) | 根据缩放中心缩小到n |
87- | 1 | 没有变化 |
88- | (1, +∞) | 根据缩放中心放大n倍 |
80+ | 取值范围(n) | 说明 |
81+ | ----------- | -------------------- -------------------------- |
82+ | ( -∞, -1) | 先根据缩放中心放大n倍,再根据中心轴进行翻转 |
83+ | -1 | 根据缩放中心轴进行翻转 |
84+ | (-1, 0) | 先根据缩放中心缩小到n,再根据中心轴进行翻转 |
85+ | 0 | 不会显示,若sx为0,则宽度为0,不会显示,sy同理 |
86+ | (0, 1) | 根据缩放中心缩小到n |
87+ | 1 | 没有变化 |
88+ | (1, +∞) | 根据缩放中心放大n倍 |
8989
9090如果在缩放时稍微注意一下就会发现<b >缩放的中心默认为坐标原点,而缩放中心轴就是坐标轴</b >,如下:
9191
181181调用两次缩放则 x轴实际缩放为0.5x0.5=0.25 y轴实际缩放为0.5x0.1=0.05
182182
183183下面我们利用这一特性制作一个有趣的图形。
184+
185+ > 注意设置画笔模式为描边(STROKE)
186+
184187``` java
185188 // 将坐标系原点移动到画布正中心
186189 canvas. translate(mWidth / 2 , mHeight / 2 );
@@ -324,7 +327,7 @@ Y = sy * x + y
324327#### ⑸快照(save)和回滚(restore)
325328
326329<b >
327- Q: 为什存在快照与回滚 <br />
330+ Q: 为什么存在快照与回滚 <br />
328331A:画布的操作是不可逆的,而且很多画布操作会影响后续的步骤,例如第一个例子,两个圆形都是在坐标原点绘制的,而因为坐标系的移动绘制出来的实际位置不同。所以会对画布的一些状态进行保存和回滚。
329332</b >
330333
You can’t perform that action at this time.
0 commit comments