基于控制台应用程序+opencv,实现点击鼠标左键,可以拖动图片以显示感兴趣区域
#include <opencv2/highgui/highgui.hpp> //#include <iostream> //using namespace std; using namespace cv; int win_width=1400,win_height=700; Mat image,win_image; //申明全局变量 Rect rect_win,rect_img; void moveImage()//实现移动图像 { Mat image_ROI=image(rect_img); // 定义源图像感兴趣区域ROI(需要显示的区域) image_ROI.convertTo(win_image,image_ROI.type()); // image_ROI 复制到 win_image ////也可以直接用 Mat win_image=image(rect_img); //但是很卡 Why? imshow("拼接结果",win_image); } void on_mouse( int event, int x, int y, int flags, void* ustc) //int x,int y,代表鼠标位于窗口的(x,y)坐标位置,窗口左上角默认为原点,向右为x轴,向下为y轴 { // static声明静态局部变量,值在函数调用结束后不消失而保留原值, //即其占用的存储单元不释放,在下次该函数调用时,该变量保留上一次函数调用结束时的值 static Point p0; static int xrect_img; //左键按下时,窗口显示图像左上角在源图像中x、y static int yrect_img; if(event==CV_EVENT_LBUTTONDOWN) { p0=Point(x,y); //获取鼠标左键按下时的起始点 xrect_img=rect_img.x; yrect_img=rect_img.y; } if(event==CV_EVENT_MOUSEMOVE&& (flags & CV_EVENT_LBUTTONDOWN)) //左键按下,鼠标移动时 { int dx=x-p0.x; int dy=y-p0.y; if(x>=0 && x<=win_width-1 && y>=0 && y<=win_height-1) //判断鼠标是否在窗口图像区域内 { rect_img=Rect(xrect_img-dx,yrect_img-dy,rect_img.width,rect_img.height); //窗口显示图像移动dx、dy(相对于鼠标左键按下时) if(rect_img.x<0) { rect_img.x=0; } if(rect_img.y<0) { rect_img.y=0; } if(rect_img.x > image.cols-rect_img.width-1) { rect_img.x=image.cols-rect_img.width-1; } if(rect_img.y > image.rows - rect_img.height-1) { rect_img.y=image.rows - rect_img.height-1; } moveImage(); } } } void main() { image=imread("im.jpg"); //int win_width=1400,win_height=700; //固定窗口的大小1400 x 700 //rect_win=Rect(0,0,win_width,win_height); //窗口显示矩形区 rect_img=Rect(0,0,win_width,win_height); //窗口图像对应的矩形区 //win_image.create(win_height,win_width,image.type()); //Mat tmp=image(rect_win); // 窗口图像对应于源图像中的区域 //tmp.convertTo(win_image,tmp.type()); //复制一个图像的ROI到另外一个图像的指定区域 Mat win_image=image(rect_img); namedWindow("拼接结果", 1); imshow("拼接结果",win_image); setMouseCallback("拼接结果", on_mouse); waitKey(); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍jquery实现图片列表鼠标移入微动,包括了jquery实现图片列表鼠标移入微动的使用技巧和注意事项,需要的朋友参考一下 本效果使用jQuery和CSS实现了图片列表,当鼠标移入时图片向左微动,移出则复原。 其中的jQuery事件使用mouseenter 和 mouseleave ,事件绑定方法使用新推荐的on方法。 代码如下: 以上就是本文的全部内容,希望对大家有所帮助,同时也希望
本文向大家介绍基于JavaScript实现鼠标箭头移动图片跟着移动,包括了基于JavaScript实现鼠标箭头移动图片跟着移动的使用技巧和注意事项,需要的朋友参考一下 我们经常在一些网站上看到,鼠标在网页上移动,有一张图片跟着鼠标移动。大家知道这种效果是怎么做出来的吗?你可能感到比较复杂,其实他是用js编一段小程序来实现的,且代码简单,比较好理解。下面我就来分享下实现代码。 关键代码如下所示: 以
本文向大家介绍Jquery实现鼠标移动放大图片功能实例,包括了Jquery实现鼠标移动放大图片功能实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Jquery实现鼠标移动放大图片功能的方法。分享给大家供大家参考。具体分析如下: 做毕业设计,老师看完小样后,嫌弃我购物车里商品图片太大,不美观,让美化个效果。上网查查代码,修改了一个简单版的。 使用的是jquery, 未使用JavaScri
本文向大家介绍javascript DIV实现跟随鼠标移动,包括了javascript DIV实现跟随鼠标移动的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了javascript DIV实现跟随鼠标移动的具体代码,供大家参考,具体内容如下 首先介绍的是一个div跟随鼠标移动的效果,具体代码如下 javascript div跟随鼠标移动 现在为大家分享的是javascript 一串DI
本文向大家介绍javascript实现图片跟随鼠标移动效果的方法,包括了javascript实现图片跟随鼠标移动效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现图片跟随鼠标移动效果的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。
本文向大家介绍jQuery实现鼠标拖动图片功能,包括了jQuery实现鼠标拖动图片功能的使用技巧和注意事项,需要的朋友参考一下 本例利用jQuery实现一个鼠标托动图片的功能。 首先设一个wrapper,wrapper内的坐标即图片移动的坐标 设置图片div,这个div即要拖动的div 上面设置了wrapper的定位为relative,div1的定位为absolute。 接下来设计拖动的算法: 思