<div id="readability-page-1" class="page"><div>

 OpenCV에서 로드한 이미지 파일을 QT에서 보여주고 그레이스케일로 변환하는 간단한 영상처리를 구현한 예제입니다. 





 2021. 9. 26 – 최초작성









 처음 실행하면 다음처럼 버튼만 보입니다.




<figure><img data-lazy-fallback="1" data-attachment-id="5588" data-permalink="https://webnautes.blog/5587/word-image-5587-1/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-1.png?fit=277%2C145&amp;ssl=1" data-orig-size="277,145" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5587-1" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-1.png?fit=277%2C145&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-1.png?fit=277%2C145&amp;ssl=1" decoding="async" width="277" height="145" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-1.png?resize=277%2C145&amp;ssl=1" alt="" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-1.png?resize=277%2C145&amp;is-pending-load=1#038;ssl=1"></figure>








 Open 버튼을 클릭하면 파일 다이얼로그가 보이면서 이미지 파일을 선택할 수 있습니다. 





 이미지 파일을 선택한 후 Open 버튼을 클릭합니다.




<figure><img data-lazy-fallback="1" data-attachment-id="5589" data-permalink="https://webnautes.blog/5587/word-image-5587-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-2.png?fit=628%2C444&amp;ssl=1" data-orig-size="628,444" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5587-2" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-2.png?fit=300%2C212&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-2.png?fit=628%2C444&amp;ssl=1" decoding="async" fetchpriority="high" width="628" height="444" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-2.png?resize=628%2C444&amp;ssl=1" alt="" sizes="(max-width: 628px) 100vw, 628px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-2.png?resize=628%2C444&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-2.png?w=628&amp;ssl=1 628w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-2.png?resize=300%2C212&amp;ssl=1 300w"></figure>








 OpenCV를 사용하여 이미지 파일을 로드하여 QT의 Label에 보여줍니다. 




<figure><img data-lazy-fallback="1" data-attachment-id="5590" data-permalink="https://webnautes.blog/5587/word-image-5587-3/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-3.png?fit=749%2C801&amp;ssl=1" data-orig-size="749,801" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5587-3" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-3.png?fit=281%2C300&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-3.png?fit=749%2C801&amp;ssl=1" decoding="async" width="749" height="801" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-3.png?resize=749%2C801&amp;ssl=1" alt="" sizes="(max-width: 749px) 100vw, 749px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-3.png?resize=749%2C801&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-3.png?w=749&amp;ssl=1 749w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-3.png?resize=281%2C300&amp;ssl=1 281w"></figure>








 Process 버튼을 클릭하면 그레이스케일 이미지로 변환해줍니다. 





 이 부분을 원하는 영상처리로 변경하면 됩니다. 




<figure><img data-lazy-fallback="1" data-attachment-id="5591" data-permalink="https://webnautes.blog/5587/word-image-5587-4/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-4.png?fit=749%2C801&amp;ssl=1" data-orig-size="749,801" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5587-4" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-4.png?fit=281%2C300&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-4.png?fit=749%2C801&amp;ssl=1" decoding="async" loading="lazy" width="749" height="801" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-4.png?resize=749%2C801&amp;ssl=1" alt="" sizes="(max-width: 749px) 100vw, 749px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-4.png?resize=749%2C801&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-4.png?w=749&amp;ssl=1 749w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-4.png?resize=281%2C300&amp;ssl=1 281w"></figure>








 Close를 클릭하면 이미지가 사라지고 보여주었던 크기만큼 검은색 영역을 보여주게 됩니다.




<figure><img data-lazy-fallback="1" data-attachment-id="5592" data-permalink="https://webnautes.blog/5587/word-image-5587-5/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-5.png?fit=749%2C801&amp;ssl=1" data-orig-size="749,801" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="word-image-5587-5" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-5.png?fit=281%2C300&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-5.png?fit=749%2C801&amp;ssl=1" decoding="async" loading="lazy" width="749" height="801" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-5.png?resize=749%2C801&amp;ssl=1" alt="" sizes="(max-width: 749px) 100vw, 749px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-5.png?resize=749%2C801&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-5.png?w=749&amp;ssl=1 749w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/word-image-5587-5.png?resize=281%2C300&amp;ssl=1 281w"></figure>








 전체 코드입니다. 




<pre><code>#include &lt;QApplication&gt;
#include &lt;QMainWindow&gt;
#include &lt;QLabel&gt;
#include &lt;QPushButton&gt;
#include &lt;QHBoxLayout&gt;
#include &lt;QVBoxLayout&gt;
#include &lt;QFileDialog&gt;
#include &lt;iostream&gt;
#include &lt;opencv2/opencv.hpp&gt;


using namespace cv;
using namespace std;


class MainWindow : public QMainWindow
{
public:
 MainWindow(QWidget *parent = 0);

private slots:

 void Open();
 void Close();
 void Process();

private:
 QLabel *label;
 QPushButton *openBtn;
 QPushButton *closeBtn;
 QPushButton *processBtn;

 Mat img;
};

MainWindow::MainWindow(QWidget *parent) :
 QMainWindow(parent)
{

 QWidget * qwidget = new QWidget(this);

 auto *vbox = new QVBoxLayout(this);
 auto *hbox = new QHBoxLayout();

 openBtn = new QPushButton("Open", this);
 closeBtn = new QPushButton("Close", this);
 processBtn = new QPushButton("Process", this);

 hbox-&gt;addWidget(openBtn, 1, Qt::AlignRight);
 hbox-&gt;addWidget(processBtn, 0);
 hbox-&gt;addWidget(closeBtn, 0);

 label = new QLabel(this);

 vbox-&gt;addWidget(label);
 vbox-&gt;addStretch(1);
 
 vbox-&gt;addLayout(hbox);
 qwidget-&gt;setLayout(vbox);
 setCentralWidget(qwidget);

 connect(openBtn, &amp;QPushButton::clicked, this, &amp;MainWindow::Open);
 connect(closeBtn, &amp;QPushButton::clicked, this, &amp;MainWindow::Close);
 connect(processBtn, &amp;QPushButton::clicked, this, &amp;MainWindow::Process);
}


void MainWindow::Open()
{
 QStringList qdir = QFileDialog::getOpenFileNames(this,
 "파일 선택",
 QDir::currentPath(), "Image Files (*.png *.jpg)");

 string dir = qdir[0].toStdString();

 img = imread(dir, IMREAD_COLOR);

 Mat imgRGB;
 cvtColor(img, imgRGB, COLOR_BGR2RGB);
 QImage qt_image = QImage((const unsigned char*) (imgRGB.data), imgRGB.cols, imgRGB.rows, imgRGB.step1(), QImage::Format_RGB888);
 label-&gt;setPixmap(QPixmap::fromImage(qt_image));
 label-&gt;resize(label-&gt;pixmap()-&gt;size());
}

void MainWindow::Close()
{
 Mat image = Mat::zeros(img.size(),CV_8UC3);
 QImage qt_image = QImage((const unsigned char*) (image.data), image.cols, image.rows, QImage::Format_RGB888);
 label-&gt;setPixmap(QPixmap::fromImage(qt_image));
 label-&gt;resize(label-&gt;pixmap()-&gt;size());
}

void MainWindow::Process()
{
 cvtColor(img, img, COLOR_BGR2GRAY);


 cvtColor(img, img, COLOR_GRAY2BGR);

 Mat imgRGB;
 cvtColor(img, imgRGB, COLOR_BGR2RGB);
 QImage qt_image = QImage((const unsigned char*) (imgRGB.data), imgRGB.cols, imgRGB.rows, imgRGB.step1(), QImage::Format_RGB888);
 label-&gt;setPixmap(QPixmap::fromImage(qt_image));
 label-&gt;resize(label-&gt;pixmap()-&gt;size());
}

int main(int argc, char *argv[])
{
 QApplication app(argc, argv);
 
 MainWindow window;
 window.show();

 return app.exec();
}</code></pre>








 빌드하는 과정을 간단히 설명하면 다음과 같습니다. 









 1. 새로 디렉토리를 생성하고 해당 디렉토리에 위 소스 코드를 main.cpp로 저장합니다. 









 2. qmake -project 실행합니다. 









 3. 생성된 pro 파일에서 빨간색 줄 부분들을 추가해야 합니다. 




<figure><img data-lazy-fallback="1" data-attachment-id="5594" data-permalink="https://webnautes.blog/5587/image-114-2/" data-orig-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?fit=1428%2C480&amp;ssl=1" data-orig-size="1428,480" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="image-114" data-image-description="" data-image-caption="" data-medium-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?fit=300%2C101&amp;ssl=1" data-large-file="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?fit=1024%2C344&amp;ssl=1" decoding="async" src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?w=700&amp;ssl=1" alt="" sizes="(max-width: 1024px) 100vw, 1024px" data-recalc-dims="1" data-old-src="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?w=700&amp;is-pending-load=1#038;ssl=1" data-lazy-srcset="https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?resize=1024%2C344&amp;ssl=1 1024w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?resize=300%2C101&amp;ssl=1 300w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?resize=768%2C258&amp;ssl=1 768w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?resize=1200%2C403&amp;ssl=1 1200w, https://i0.wp.com/webnautes.blog/wp-content/uploads/2023/08/image-114.png?w=1428&amp;ssl=1 1428w"></figure>



<pre><code>QT += widgets


INCLUDEPATH += /usr/local/include/opencv4/ 
LIBS += -L/usr/local/lib/ -lopencv_core -lopencv_imgproc -lopencv_imgcodecs -lopencv_videoio
</code></pre>








 4. qmake 실행합니다. 









 5. make 실행합니다. 









 6. 이제 현재 디렉토리 이름으로 생성된 실행파일을 실행하면 됩니다. 






</div></div>

멈춤보단 천천히라도

webnautes

OpenCV에서 로드한 이미지 파일을 QT에서 보여주고 그레이스케일로 변환하는 간단한 영상처리를 구현한 예제입니다. 2021. 9. 26 – 최초작성 처음 실행하면 다음처럼 버튼만 보입니다. Open 버튼을 클릭하면 파일 다이얼로그가 보이면서 이미지 파일을 선택할 수 있습니다. 이미지 파일을 선택한 후 Open 버튼을 클릭합니다. OpenCV를 사용하여 이미지 파일을 로드하여 QT의 Label에 보여줍니다. Process 버튼을 클릭하면 그레이스케일 이미지로 변환해줍니다. 이… 더 보기 »OpenCV에서 로드한 image 파일을 QT에서 보여주고 간단한 영상처리
The post OpenCV에서 로드한 image 파일을 QT에서 보여주고 간단한 영상처리 first appeared on 멈춤보단 천천히라도.

OpenCV에서 로드한 image 파일을 QT에서 보여주고 간단한 영상처리

댓글