仿射变换

仿射变换
http://www.opencv.org.cn/opencvdoc/2.3.2/html/doc/tutorials/imgproc/imgtrans/warp_affine/warp_affine.html
目标

在这个教程中你将学习到如何:
1. 使用OpenCV函数 warpAffine 来实现一些简单的重映射.
2. 使用OpenCV函数 getRotationMatrix2D 来获得一个 $2 imes 3$ 旋转矩阵
原理
什么是仿射变换?

一个任意的仿射变换都能表示为 乘以一个矩阵 (线性变换) 接着再 加上一个向量 (平移).

综上所述, 我们能够用仿射变换来表示:

旋转 (线性变换)

平移 (向量加)

缩放操作 (线性变换)

你现在可以知道, 事实上, 仿射变换代表的是两幅图之间的关系 .

我们通常使用 $2 imes 3$ 矩阵来表示仿射变换.

$A = egin{bmatrix} a_{00} & a_{01} \ a_{10} & a_{11} end{bmatrix}_{2 imes 2} B = egin{bmatrix} b_{00} \ b_{10} end{bmatrix}_{2 imes 1} M = egin{bmatrix} A & B end{bmatrix} = egin{bmatrix} a_{00} & a_{01} & b_{00} \ a_{10} & a_{11} & b_{10} end{bmatrix}_{2 imes 3}$

考虑到我们要使用矩阵 $A$ 和 $B$ 对二维向量 $X = egin{bmatrix}x \ yend{bmatrix}$ 做变换, 所以也能表示为下列形式:

$T = A cdot egin{bmatrix}x \ yend{bmatrix} + B$ or $T = M cdot [x, y, 1]^{T}$

$T = egin{bmatrix} a_{00}x + a_{01}y + b_{00} \ a_{10}x + a_{11}y + b_{10} end{bmatrix}$
怎样才能求得一个仿射变换?

好问题. 我们在上文有提到过仿射变换基本表示的就是两幅图片之间的联系 . 关于这种联系的信息大致可从以下两种场景获得:

我们已知 $X$ 和 T 而且我们知道他们是有联系的. 接下来我们的工作就是求出矩阵 $M$

我们已知 $M$ and $X$ . 要想求得 $T$ . 我们只要应用算式 $T = M cdot X$ 即可. 对于这种联系的信息可以用矩阵 $M$ 清晰的表达 (即给出明确的2×3矩阵) 或者也可以用两幅图片点之间几何关系来表达.

让我们形象地说明一下. 因为矩阵 $M$ 联系着两幅图片, 我们以其表示两图中各三点直接的联系为例. 见下图:

点1, 2 和 3 (在图一中形成一个三角形) 与图二中三个点一一映射, 仍然形成三角形, 但形状已经大大改变. 如果我们能通过这样两组三点求出仿射变换 (你能选择自己喜欢的点), 接下来我们就能把仿射变换应用到图像中所有的点.
例程
1. 这个例程是做什么的?
  
  加载一幅图片
  
  对这幅图片应用仿射变换. 这个变换是从源图像和目标图像的两组三点之间的联系获得的. 这一步我们使用函数 warpAffine 来实现.
  
  仿射变换结束后再对图像应用旋转. 这里的旋转绕图像中点
  
  等待用户退出程序
2. 例程代码在下面给出. 当然你也可以从这里下载
#include "opencv2/highgui/highgui.hpp" #include "opencv2/imgproc/imgproc.hpp" #include <iostream> #include <stdio.h> using namespace cv; using namespace std; /// 全局变量 char* source_window = "Source image"; char* warp_window = "Warp"; char* warp_rotate_window = "Warp + Rotate"; /** @function main */ int main( int argc, char** argv ) { Point2f srcTri[3]; Point2f dstTri[3]; Mat rot_mat( 2, 3, CV_32FC1 ); Mat warp_mat( 2, 3, CV_32FC1 ); Mat src, warp_dst, warp_rotate_dst; /// 加载源图像 src = imread( argv[1], 1 ); /// 设置目标图像的大小和类型与源图像一致 warp_dst = Mat::zeros( src.rows, src.cols, src.type() ); /// 设置源图像和目标图像上的三组点以计算仿射变换 srcTri[0] = Point2f( 0,0 ); srcTri[1] = Point2f( src.cols - 1, 0 ); srcTri[2] = Point2f( 0, src.rows - 1 ); dstTri[0] = Point2f( src.cols*0.0, src.rows*0.33 ); dstTri[1] = Point2f( src.cols*0.85, src.rows*0.25 ); dstTri[2] = Point2f( src.cols*0.15, src.rows*0.7 ); /// 求得仿射变换 warp_mat = getAffineTransform( srcTri, dstTri ); /// 对源图像应用上面求得的仿射变换 warpAffine( src, warp_dst, warp_mat, warp_dst.size() ); /** 对图像扭曲后再旋转 */ /// 计算绕图像中点顺时针旋转50度缩放因子为0.6的旋转矩阵 Point center = Point( warp_dst.cols/2, warp_dst.rows/2 ); double angle = -50.0; double scale = 0.6; /// 通过上面的旋转细节信息求得旋转矩阵 rot_mat = getRotationMatrix2D( center, angle, scale ); /// 旋转已扭曲图像 warpAffine( warp_dst, warp_rotate_dst, rot_mat, warp_dst.size() ); /// 显示结果 namedWindow( source_window, CV_WINDOW_AUTOSIZE ); imshow( source_window, src ); namedWindow( warp_window, CV_WINDOW_AUTOSIZE ); imshow( warp_window, warp_dst ); namedWindow( warp_rotate_window, CV_WINDOW_AUTOSIZE ); imshow( warp_rotate_window, warp_rotate_dst ); /// 等待用户按任意按键退出程序 waitKey(0); return 0; }
说明
1. 定义一些需要用到的变量, 比如需要用来储存中间和目标图像的Mat和两个需要用来定义仿射变换的二维点数组.
  
  Point2f srcTri[3]; Point2f dstTri[3]; Mat rot_mat( 2, 3, CV_32FC1 ); Mat warp_mat( 2, 3, CV_32FC1 ); Mat src, warp_dst, warp_rotate_dst;
2. 加载源图像:
  
  src = imread( argv[1], 1 );
3. 以与源图像同样的类型和大小来对目标图像初始化:
  
  warp_dst = Mat::zeros( src.rows, src.cols, src.type() );
4. 仿射变换: 正如上文所说, 我们需要源图像和目标图像上分别一一映射的三个点来定义仿射变换:
  
  srcTri[0] = Point2f( 0,0 ); srcTri[1] = Point2f( src.cols - 1, 0 ); srcTri[2] = Point2f( 0, src.rows - 1 ); dstTri[0] = Point2f( src.cols*0.0, src.rows*0.33 ); dstTri[1] = Point2f( src.cols*0.85, src.rows*0.25 ); dstTri[2] = Point2f( src.cols*0.15, src.rows*0.7 );
  
  你可能想把这些点绘出来以获得对变换的更直观感受. 他们的位置大概就是在上面图例中的点的位置 (原理部分). 你会注意到由三点定义的三角形的大小和方向改变了.
5. 通过这两组点, 我们能够使用OpenCV函数 getAffineTransform 来求出仿射变换:
  
  warp_mat = getAffineTransform( srcTri, dstTri );
  
  我们获得了用以描述仿射变换的 $2 imes 3$ 矩阵 (在这里是 warp_mat)
6. 将刚刚求得的仿射变换应用到源图像
  
  warpAffine( src, warp_dst, warp_mat, warp_dst.size() );
  
  函数有以下参数:
  
  src: 输入源图像
  
  warp_dst: 输出图像
  
  warp_mat: 仿射变换矩阵
  
  warp_dst.size(): 输出图像的尺寸
  
  这样我们就获得了变换后的图像! 我们将会把它显示出来. 在此之前, 我们还想要旋转它...
7. 旋转: 想要旋转一幅图像, 你需要两个参数:
  
  旋转图像所要围绕的中心
  
  旋转的角度. 在OpenCV中正角度是逆时针的
  
  可选择: 缩放因子
  
  我们通过下面的代码来定义这些参数:
  
  Point center = Point( warp_dst.cols/2, warp_dst.rows/2 ); double angle = -50.0; double scale = 0.6;
8. 我们利用OpenCV函数 getRotationMatrix2D 来获得旋转矩阵, 这个函数返回一个 $2 imes 3$ 矩阵 (这里是 rot_mat)
  
  rot_mat = getRotationMatrix2D( center, angle, scale );
9. 现在把旋转应用到仿射变换的输出.
  
  warpAffine( warp_dst, warp_rotate_dst, rot_mat, warp_dst.size() );
10. 最后我们把仿射变换和旋转的结果绘制在窗体中，源图像也绘制出来以作参照:
  
  namedWindow( source_window, CV_WINDOW_AUTOSIZE ); imshow( source_window, src ); namedWindow( warp_window, CV_WINDOW_AUTOSIZE ); imshow( warp_window, warp_dst ); namedWindow( warp_rotate_window, CV_WINDOW_AUTOSIZE ); imshow( warp_rotate_window, warp_rotate_dst );
11. 等待用户退出程序
  
  waitKey(0);
结果
1. 编译上述例程之后, 我们给出一个图像的路径作为参数. 比如这样一幅图片:
  
  仿射变换后我们获得:
  
  最后, 应用了一个负角度旋转 (记住负角度指的是顺时针) 和基于一个缩放因子的缩放之后, 我们得到:
翻译者

zhlifly@ OpenCV中文网站 <zhlifly@gmail.com>
相关阅读:
eshint的配置
 jsp 或 php 等view之中使用javascript简单处理的使用技巧
 响应式图片，在不同尺寸下切换不同张数
 swiper.js + jquery.magnific-popup.js 实现奇葩的轮播需要
 Websocket 协议的基本使用与示例
 vue手记
 docker 架构
 webpack基本使用
 vue组件、路由、事件
 vue基本使用
原文地址：https://www.cnblogs.com/jukan/p/7808453.html

目标

原理

什么是仿射变换?

怎样才能求得一个仿射变换?

例程

说明

结果

翻译者