关于canvas的理解
来源:互联网 发布:java web架构师 编辑:程序博客网 时间:2024/04/30 06:56
android 里 在重写onDraw方法里会传入一个canvas的画布,但是之前对canvas了解甚少。在次记录学习理解,希望逐步修改认识错误。
Bitmap是canvas内存中真实存在的数据,用来储存像素,canvas提供做图动作的API操作。这里面需要注意的就是 canvas的clip和translate会对画布的位置进行调整,每上一次的操作在下一次是有效的,但是可以使用save和restore的方法来保存对画布操作之前的状态和回复之前的状态。
translate是移动视图坐标,说得容易理解一点就是改变的是画笔的坐标原点的位置,对画布没有影响。即我理解canvas.translate是把画笔移动,并且在canvas的任何操作都是基于画笔坐标的,如canvas.translate(100,100),canvas的大小是200*200,如果要在(50,50)的位置作一个圆,应该是canvas.drawCircle(-50.-50,10,new point),所以对于画图的坐标都是以画笔为基准的。
clip是剪切画布中的一部分作为新的canvas(奇怪的是这个canvas还是之前的canvas对象,具体的实现不清楚),如果在后面的画图操作超过了这个新画布的范围就不会被画出。
以上是目前对画布的理解,估计以后还要做更深入理解修正。
android的clip有以下两点疑问:
Clip(剪切)的时机
Clip中的Op的参数的意思。
通常咱们理解的clip(剪切),是对已经存在的图形进行clip的。但是,在android上是对canvas(画布)上进行clip的,要在画图之前对canvas进行clip,如果画图之后再对canvas进行clip不会影响到已经画好的图形。一定要记住clip是针对canvas而非图形。
接下来通过android自带的APIdemo Clipping例子详细讲述Clip中的Op的参数的意思。Android提供clipRect、clipPath和clipRegion剪切区域的API。
Op一共有 DIFFERENCE,INTERSECT,UNION,XOR, REVERSE_DIFFERENCE, REPLACE六种选择。
例子:
在canvas上剪切从(0,0)到(60,60)的方块。下图蓝色区域加紫色区域。
在canvas上剪切从(40,40)到(100,100)的方块。下图橄榄色区域加紫色区域。
在canvas上剪切从(0,0)到(100,100)的方块。
先在第二方块上加上Op参数例如:canvas.clipRect(40, 40, 100, 100, Region.Op. DIFFERENCE);
首先,需要搞清楚Op参数针对的对象。接着了解其含义。
Op参数针对的对象是之前剪切的区域以及当前要剪切的区域。
在本例中涉及到区域是从(0,0)到(60,60)的方块和从(40,40)到(100,100)的方块。
那有哪些含义呢?就是表示当前要剪切的区域与之前剪切过的之间的关系。
DIFFERENCE:之前剪切过除去当前要剪切的区域(蓝色区域)。
INTERSECT:当前要剪切的区域在之前剪切过内部的部分(紫色区域)。
UNION:当前要剪切的区域加上之前剪切过内部的部分(蓝色区域+紫色区域+橄榄色区域)。
XOR:异或,当前要剪切的区域与之前剪切过的进行异或。(蓝色区域+橄榄色区域)。
REVERSE_DIFFERENCE:与DIFFERENCE相反,以当前要剪切的区域为参照物,当前要剪切的区域除去之前剪切过的区域(橄榄色区域);
REPLACE:用当前要剪切的区域代替之前剪切过的区域。(橄榄色区域+紫色区域);
没带Op参数效果与INTERSECT的效果一样,两个区域的交集
- 关于canvas的理解
- 【HTML5 canvas】关于canvas标签的理解和简单应用
- canvas关于Beginpath和Closepath的理解
- Android关于canvas.translate(x,y)的新理解
- Canvas的saveLayer理解
- canvas的saveLayer理解
- 关于HTML5 的canvas
- 关于Canvas的记录
- android canvas.drawBitmap的理解
- Canvas,Bitmap,Paint的理解
- 关于Canvas的一些经验
- 关于HTML5的画布canvas
- 关于Canvas Scaler的作用
- 关于Canvas的小笔记
- 关于Canvas的一些用法
- 关于Canvas Scaler的使用
- 关于canvas全屏的问题
- 关于canvas的小笔记
- POJ 2488 DFS
- 实战Android应用开发
- poj 2255 二叉树 已知先序和中序,求后序
- ZOJ 1110 Dick and Jane
- Git自动部署
- 关于canvas的理解
- Propert 'c' cannot be found in forward class object 'CALayer *错误解决
- hdu 2600
- JVM内存的设置的原理二
- c++练习第一章:基础练习001--求和
- xml序列化
- SPOJ :Use of Function Arctan
- POJ 试题分类
- 利用JAVA将Unicode转换成Ascii