上章我们描述了Matrix的四个操作分别是:旋转,平移,缩放,扭曲
那么假设现在我们有一个需求:根据已有图片生成这个分别使用了这四个操作的图片。
那么思路很简单,如果使用Matrix操作那么代码应该是这样的:
public Bitmap postMatrix(Matrix matrix, Bitmap bitmap) {
Bitmap resource = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(),bitmap.getHeight(), matrix, false);
return resource;
}
根据上面的代码我们重新生成了使用矩阵matrix的一张图片,而生成图片的宽高仍然保持不变。那么问题来了,如果需要生成一张对应变化宽高的一张图片呢?例如:
下面逐一分析:
1.translate
平移操作的时候,先计算移除空白区域的图片宽高,生成新图之后从负的偏移坐标开始绘制图片,则生成的图片就是完整移动过后的图片
/**
* 真实偏移,图片宽高会根据图片的偏移距离重新生成宽高
*
* @param bitmap,目标图片
* @param preX,偏移X轴百分比
* @param preY,偏移Y轴百分比
* @param isRecycle,是否回收目标图
* @return
*/
public static Bitmap translate(Bitmap bitmap, float preX, float preY, boolean isRecycle) {
Matrix matrix = new Matrix();
int width = bitmap.getWidth();
int height = bitmap.getHeight();
int disX = (int) (width * preX);
int disY = (int) (height * preY);
matrix.postTranslate(disX, disY);
Bitmap resource = Bitmap.createBitmap(bitmap.getWidth() - disX, bitmap.getHeight() - disY, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(resource);
// canvas.drawColor(Color.BLACK);//模擬空白
canvas.concat(matrix);
Paint paint = new Paint();
paint.setAntiAlias(true);
canvas.drawBitmap(bitmap, -disX, -disY, paint);//从负偏移点开始画,那么如果进行了translate操作,那么图片不会留白
if (isRecycle) destroyBitmap(bitmap);
return resource;
}
效果图如下:
2.scale
和translate的差不多也需要重新计算宽高,但是需要保证绘制中心必须是新图的中心。这样等比放大的时候才不会缺失。
/**
* 真实缩放,图片宽高会根据图片的缩放比例重新生成宽高
*
* @param bitmap,目标
* @param scale,缩放比例
* @param isRecycle,是否回收目标图
* @return
*/
public static Bitmap scale(Bitmap bitmap, float scale, boolean isRecycle) {
int width = bitmap.getWidth();
int height = bitmap.getHeight();
Matrix matrix = new Matrix();
int reWidth, reHeight;
reWidth = (int) (width * scale);
reHeight = (int) (height * scale);
matrix.postScale(scale, scale);
Bitmap resource = Bitmap.createBitmap(reWidth, reHeight, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(resource);
canvas.drawColor(Color.BLUE);
canvas.concat(matrix);
Paint paint = new Paint();
paint.setAntiAlias(true);
canvas.drawBitmap(bitmap, (float) ((reWidth - width) * 1.0 / 2), (float) ((reHeight - height) * 1.0 / 2), paint);
if (isRecycle) destroyBitmap(bitmap);
return resource;
}
3.rotate
计算旋转之后新图的宽高,这个还挺复杂的,之前查找了很多资料,最后还是问了底层的同事,搞到了一片描述这类问题的文章 【OpenCV】图像几何变换:旋转,缩放,斜切
文章里面关于的旋转的数学模型如图:
新图的宽高则为(widthcos(a)+heightsin(a) , heightcos(a)+widthsin(a)) 这里 的 ‘a’ 指的是角度对应的弧度哦!
/**
* 真实旋转,图片宽高会根据图片的旋转角度重新生成宽高
*
* @param bitmap,目标
* @param degree,旋转角度
* @param isRecycle,是否回收目标图
* @return
*/
public static Bitmap rotate(Bitmap bitmap, float degree, boolean isRecycle) {
int width = bitmap.getWidth();
int height = bitmap.getHeight();
Matrix matrix = new Matrix();
int reWidth, reHeight;
// 以弧度为计算方式则新图size为(width*cos(a)+height*sin(a), height*cos(a)+width*sin(a))
double angle = (degree * Math.PI) / 180;//生成degree对应的弧度
double a = Math.abs(Math.sin(angle)), b = Math.abs(Math.cos(angle));
reWidth = (int) (width * b + height * a);
reHeight = (int) (height * b + width * a);
Log.i(Tag, "width: " + width + " reWidth :" + reWidth);
Log.i(Tag, "height: " + height + " reHeight :" + reHeight);
Bitmap resource = Bitmap.createBitmap(reWidth, reHeight, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(resource);
canvas.drawColor(Color.BLACK);
matrix.postRotate(degree, reWidth / 2, reHeight / 2);
canvas.concat(matrix);
Paint paint = new Paint();
paint.setAntiAlias(true);
canvas.drawBitmap(bitmap, (float) ((reWidth - width) * 1.0 / 2), (float) ((reHeight - height) * 1.0 / 2), paint);
if (isRecycle) destroyBitmap(bitmap);
return resource;
}
效果如图:
3.skew
额···这个还没有写的,这两天坐火车做懵了,后期再补上来把;如果有需要也可以参考 文章 《【OpenCV】图像几何变换:旋转,缩放,斜切》中的 实践:图像放射变换(通过三点确定变换矩阵)
以上的demo地址: https://github.com/MartinBZDQSM/Matrix