欢迎使用优快云-markdown编辑器

原文地址：http://blog.youkuaiyun.com/chenyusiyuan/article/details/6565424

很久没发博客了，趁着近期项目需要，再和大家分享一个小程序，即在OpenCV窗口中创建水平、竖直滚动条来浏览大型图像。如果我们所要显示的图像像素较高，例如1440*900的，而显示器只有 1280*800的分辨率，那么通过cvNamedWindow创建的最大窗口也只能看到部分图像，其余的因为超出窗口大小看不到了，也没有滚动条用来滚动观察其余图像，这样，就不方便我们通过窗口对图像进行交互操作。通常滚动条是在MFC界面上建立的，这方面的例程很多，例如 http://www.opencv.org.cn/forum/viewtopic.php?f=1&t=8349 ；也有使用OpenCV的Trackbar的例子，但Trackbar只有水平滚动、没有垂直方式，而且是按1为步长，使用时不方便、也占用了不少窗口空间。下面这段例程展示了怎样通过 cvSetMouseCallback, cvRect, cvRectangleR, cvResize 等一系列OpenCV函数来创建方便、可随意定制的滚动条。

 

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209

// Image_ScrollBar.cpp : Defines the entry point for the console application. // #include “stdafx.h” #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc_c.h> #include <iostream> #include <vector> using namespace std; double mx = 0, my = 0; int dx = 0, dy = 0, horizBar_x = 0, vertiBar_y = 0; bool clickVertiBar = false, clickHorizBar = false, needScroll = false; CvRect rect_bar_horiz, rect_bar_verti; void help() { printf( “/n” “This program demonstrated the use of the cvSetMouseCallback /n” “for viewing large image with scroll bar in a small window/n” “created by OpenCV highgui model. (chenyusiyuan, 2011-06-24)/n” “Call:/n” “./Image_ScrollBar [<img_filename default im.jpg> <window_width default 1400> <window_height default 700>]/n/n” ); } void mouse_callback( int event, int x, int y, int flags, void* param ) { if (needScroll) { switch( event ) { case CV_EVENT_LBUTTONDOWN: mx = x, my = y; dx = 0, dy = 0; // 按下左键时光标定位在水平滚动条区域内 if (x >= rect_bar_horiz.x && x <= rect_bar_horiz.x+rect_bar_horiz.width && y >= rect_bar_horiz.y && y<= rect_bar_horiz.y+rect_bar_horiz.height) { clickHorizBar = true; } // 按下左键时光标定位在垂直滚动条区域内 if (x >= rect_bar_verti.x && x <= rect_bar_verti.x+rect_bar_verti.width && y >= rect_bar_verti.y && y<= rect_bar_verti.y+rect_bar_verti.height) { clickVertiBar = true; } break; case CV_EVENT_MOUSEMOVE: if (clickHorizBar) { dx = fabs(x-mx) > 1 ? (int)(x-mx) : 0; dy = 0; } if (clickVertiBar) { dx = 0; dy = fabs(y-my) > 1 ? (int)(y-my) : 0; } mx = x, my = y; break; case CV_EVENT_LBUTTONUP: mx = x, my = y; dx = 0, dy = 0; clickHorizBar = false; clickVertiBar = false; break; default: dx = 0, dy = 0; break; } } } void myShowImageScroll(char* title, IplImage* src_img, int winWidth = 1400, int winHeight = 700) // 显示窗口大小默认为 1400×700 { IplImage* dst_img; CvRect rect_dst, // 窗口中有效的图像显示区域 rect_src; // 窗口图像对应于源图像中的区域 int imgWidth = src_img->width, imgHeight = src_img->height, barWidth = 25; // 滚动条的宽度（像素） double scale_w = (double)imgWidth/(double)winWidth, // 源图像与窗口的宽度比值 scale_h = (double)imgHeight/(double)winHeight; // 源图像与窗口的高度比值 if(scale_w<1) winWidth = imgWidth+barWidth; if(scale_h<1) winHeight = imgHeight+barWidth; int showWidth = winWidth, showHeight = winHeight; // rect_dst 的宽和高 int src_x = 0, src_y = 0; // 源图像中 rect_src 的左上角位置 int horizBar_width = 0, horizBar_height = 0, vertiBar_width = 0, vertiBar_height = 0; needScroll = scale_w>1.0 || scale_h>1.0 ? TRUE : FALSE; // 若图像大于设定的窗口大小，则显示滚动条 if(needScroll) { dst_img = cvCreateImage(cvSize(winWidth, winHeight),src_img->depth, src_img->nChannels); cvZero(dst_img); // 源图像宽度大于窗口宽度，则显示水平滚动条 if(scale_w > 1.0) { showHeight = winHeight - barWidth; horizBar_width = (int)((double)winWidth/scale_w); horizBar_height = winHeight-showHeight; horizBar_x = min( max(0,horizBar_x+dx), winWidth-horizBar_width); rect_bar_horiz = cvRect( horizBar_x, showHeight+1, horizBar_width, horizBar_height); // 显示水平滚动条 cvRectangleR(dst_img, rect_bar_horiz, cvScalarAll(255), -1); } // 源图像高度大于窗口高度，则显示垂直滚动条 if(scale_h > 1.0) { showWidth = winWidth - barWidth; vertiBar_width = winWidth-showWidth; vertiBar_height = (int)((double)winHeight/scale_h); vertiBar_y = min( max(0,vertiBar_y+dy), winHeight-vertiBar_height); rect_bar_verti = cvRect( showWidth+1, vertiBar_y, vertiBar_width, vertiBar_height); // 显示垂直滚动条 cvRectangleR(dst_img, rect_bar_verti, cvScalarAll(255), -1); } showWidth = min(showWidth,imgWidth); showHeight = min(showHeight,imgHeight); // 设置窗口显示区的 ROI rect_dst = cvRect(0, 0, showWidth, showHeight); cvSetImageROI(dst_img, rect_dst); // 设置源图像的 ROI src_x = (int)((double)horizBar_x*scale_w); src_y = (int)((double)vertiBar_y*scale_h); src_x = min(src_x, imgWidth-showWidth); src_y = min(src_y, imgHeight-showHeight); rect_src = cvRect(src_x, src_y, showWidth, showHeight); cvSetImageROI(src_img, rect_src); // 将源图像内容复制到窗口显示区 cvCopy(src_img, dst_img); cvResetImageROI(dst_img); cvResetImageROI(src_img); // 显示图像和滚动条 cvShowImage(title,dst_img); cvReleaseImage(&dst_img); } // 源图像小于设定窗口，则直接显示图像，无滚动条 else { cvShowImage(title, src_img); } } int main(int argc, char** argv) { help(); const char* filename = argc > 1 ? argv[1] : “im.jpg”; int width = 1400, height = 700; if (4==argc) { sscanf( argv[2], “%u”, &width ); sscanf( argv[3], “%u”, &height ); } cvNamedWindow(“Image Scroll Bar”, 1); cvSetMouseCallback(“Image Scroll Bar”, mouse_callback); IplImage* image = cvLoadImage( filename, CV_LOAD_IMAGE_COLOR ); if( !image ) { fprintf( stderr, “Can not load %s and/or %s/n” “Usage: Image_ScrollBar [<img_filename default im.jpg>]/n”, filename ); exit(-1); } while(1) { myShowImageScroll(“Image Scroll Bar”, image, width, height); int KEY = cvWaitKey(10); if( (char) KEY == 27 ) break; } cvDestroyWindow(“Image Scroll Bar”); return 0; }

//

快捷键

• 加粗 Ctrl + B
• 斜体 Ctrl + I
• 引用 Ctrl + Q
• 插入链接 Ctrl + L
• 插入代码 Ctrl + K
• 插入图片 Ctrl + G
• 提升标题 Ctrl + H
• 有序列表 Ctrl + O
• 无序列表 Ctrl + U
• 横线 Ctrl + R
• 撤销 Ctrl + Z
• 重做 Ctrl + Y

Markdown及扩展

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题，将某些文字标记为粗体或者斜体，创建一个链接等，详细语法参考帮助？。

本编辑器支持 Markdown Extra , 　扩展了很多好用的功能。具体请参考Github.

表格

Markdown　Extra　表格语法：

项目	价格
Computer	$1600
Phone	$12
Pipe	$1

可以使用冒号来定义对齐方式：

项目	价格	数量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

定义列表

Markdown　Extra　定义列表语法： 项目１ 项目２

定义 A

定义 B

项目３

定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码，例如：

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''

脚注

生成一个脚注1.

目录

用 [TOC]来生成目录：

数学公式

使用MathJax渲染LaTex 数学公式，详见math.stackexchange.com.

• 行内公式，数学公式为：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
• 块级公式：

$$x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$

更多LaTex语法请参考 这儿.

UML 图:

可以渲染序列图：

或者流程图：

• 关于 序列图 语法，参考 这儿,
• 关于 流程图 语法，参考 这儿.

离线写博客

即使用户在没有网络的情况下，也可以通过本编辑器离线写博客（直接在曾经使用过的浏览器中输入write.blog.youkuaiyun.com/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

用户写博客的过程中，内容实时保存在浏览器缓存中，在用户关闭浏览器或者其它异常情况下，内容不会丢失。用户再次打开浏览器时，会显示上次用户正在编辑的没有发表的内容。

博客发表后，本地缓存将被删除。　

用户可以选择 把正在写的博客保存到服务器草稿箱，即使换浏览器或者清除缓存，内容也不会丢失。

注意：虽然浏览器存储大部分时候都比较可靠，但为了您的数据安全，在联网后，请务必及时发表或者保存到服务器草稿箱。

浏览器兼容

1. 目前，本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
2. IE９以下不支持
3. IE９，１０，１１存在以下问题
   
   1. 不支持离线功能
   2. IE9不支持文件导入导出
   3. IE10不支持拖拽文件导入

---

---

1. 这里是 脚注 的 内容. ↩