Skip to content

Commit e7e53fa

Browse files
GcsSloopGcsSloop
committed
Update
1 parent dec63ed commit e7e53fa

1 file changed

Lines changed: 10 additions & 10 deletions

File tree

‎CustomView/Advance/[03]Canvas_Convert.md‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
canvas.drawCircle(0,0,100,mPaint);
6262
```
6363

64-
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f1ph46qaj30u01hcgm3.jpg" width = "300"/>
64+
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f1ph46qaj30u01hcgm3.jpg" width="300"/>
6565

6666
我们首先将坐标系移动一段距离绘制一个圆形，之后再移动一段距离绘制一个圆形，<b>两次移动是可叠加的</b>。
6767

@@ -105,7 +105,7 @@
105105
```
106106
(为了更加直观，我添加了一个坐标系，可以比较明显的看出，缩放中心就是坐标原点)
107107

108-
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f1vphdjjj30u01hct9r.jpg" width = "300" />
108+
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f1vphdjjj30u01hct9r.jpg" width="300" />
109109

110110
接下来我们使用第二种方法让缩放中心位置稍微改变一下，如下：
111111
``` java
@@ -124,7 +124,7 @@
124124
```
125125
(图中用箭头指示的就是缩放中心。)
126126

127-
<img src="http://ww4.sinaimg.cn/large/005Xtdi2jw1f2f1w7kv8dj30u01hct9s.jpg" width = "300" />
127+
<img src="http://ww4.sinaimg.cn/large/005Xtdi2jw1f2f1w7kv8dj30u01hct9s.jpg" width="300" />
128128

129129
前面两个示例缩放的数值都是正数，按照表格中的说明，**当缩放比例为负数的时候会根据缩放中心轴进行翻转**，下面我们就来实验一下：
130130

@@ -194,7 +194,7 @@
194194
}
195195
```
196196

197-
<img src="http://ww4.sinaimg.cn/large/005Xtdi2jw1f2f1yfn22xj30u01hcta9.jpg" width = "300" />
197+
<img src="http://ww4.sinaimg.cn/large/005Xtdi2jw1f2f1yfn22xj30u01hcta9.jpg" width="300" />
198198

199199
*****
200200
#### ⑶旋转(rotate)
@@ -222,7 +222,7 @@
222222
canvas.drawRect(rect,mPaint);
223223
```
224224

225-
<img src="http://ww2.sinaimg.cn/large/005Xtdi2jw1f2f1yws38nj30u01hcmy8.jpg" width = "300" />
225+
<img src="http://ww2.sinaimg.cn/large/005Xtdi2jw1f2f1yws38nj30u01hcmy8.jpg" width="300" />
226226

227227
改变旋转中心位置：
228228
``` java
@@ -240,7 +240,7 @@
240240
canvas.drawRect(rect,mPaint);
241241
```
242242

243-
<img src="http://ww2.sinaimg.cn/large/005Xtdi2jw1f2f1zcmwb2j30u01hcmy9.jpg" width = "300" />
243+
<img src="http://ww2.sinaimg.cn/large/005Xtdi2jw1f2f1zcmwb2j30u01hcmy9.jpg" width="300" />
244244

245245
<b>好吧，旋转也是可叠加的</b>
246246
``` java
@@ -262,7 +262,7 @@
262262
canvas.rotate(10);
263263
}
264264
```
265-
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f1zsnj00j30u01hc75a.jpg" width = "300" />
265+
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f1zsnj00j30u01hc75a.jpg" width="300" />
266266

267267
*****
268268
#### ⑷错切(skew)
@@ -299,7 +299,7 @@ Y = sy * x + y
299299
mPaint.setColor(Color.BLUE); // 绘制蓝色矩形
300300
canvas.drawRect(rect,mPaint);
301301
```
302-
<img src="http://ww4.sinaimg.cn/large/005Xtdi2jw1f2f20h7i23j30u01hcdgq.jpg" width = "300" />
302+
<img src="http://ww4.sinaimg.cn/large/005Xtdi2jw1f2f20h7i23j30u01hcdgq.jpg" width="300" />
303303

304304
<b>如你所想，错切也是可叠加的，不过请注意，调用次序不同绘制结果也会不同</b>
305305
``` java
@@ -318,7 +318,7 @@ Y = sy * x + y
318318
canvas.drawRect(rect,mPaint);
319319
```
320320

321-
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f20w0rffj30u01hcgm8.jpg" width = "300" />
321+
<img src="http://ww3.sinaimg.cn/large/005Xtdi2jw1f2f20w0rffj30u01hcgm8.jpg" width="300" />
322322

323323
*****
324324
#### ⑸快照(save)和回滚(restore)
@@ -440,7 +440,7 @@ public int saveLayerAlpha (float left, float top, float right, float bottom, int
440440
## About Me
441441
### 作者微博: <a href="http://weibo.com/GcsSloop" target="_blank">@GcsSloop</a>
442442

443-
<a href="https://github.com/GcsSloop/AndroidNote/blob/magic-world/FINDME.md" target="_blank"> <img src="http://ww4.sinaimg.cn/large/005Xtdi2gw1f1qn89ihu3j315o0dwwjc.jpg" width=300/> </a>
443+
<a href="https://github.com/GcsSloop/AndroidNote/blob/magic-world/FINDME.md" target="_blank"> <img src="http://ww4.sinaimg.cn/large/005Xtdi2gw1f1qn89ihu3j315o0dwwjc.jpg" width="300"/> </a>
444444

445445
******
446446
## 四.参考资料

0 commit comments

Comments
 (0)