2014-11-27 20:39:05 +08:00
|
|
|
Load and Display an Image {#tutorial_display_image}
|
|
|
|
=========================
|
|
|
|
|
|
|
|
Goal
|
|
|
|
----
|
|
|
|
|
|
|
|
In this tutorial you will learn how to:
|
|
|
|
|
|
|
|
- Load an image (using @ref cv::imread )
|
|
|
|
- Create a named OpenCV window (using @ref cv::namedWindow )
|
|
|
|
- Display an image in an OpenCV window (using @ref cv::imshow )
|
|
|
|
|
|
|
|
Source Code
|
|
|
|
-----------
|
|
|
|
|
|
|
|
Download the source code from
|
2016-06-14 21:01:36 +08:00
|
|
|
[here](https://github.com/opencv/opencv/tree/master/samples/cpp/tutorial_code/introduction/display_image/display_image.cpp).
|
2014-11-27 20:39:05 +08:00
|
|
|
|
2015-04-29 15:31:53 +08:00
|
|
|
@include cpp/tutorial_code/introduction/display_image/display_image.cpp
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
Explanation
|
|
|
|
-----------
|
|
|
|
|
|
|
|
In OpenCV 2 we have multiple modules. Each one takes care of a different area or approach towards
|
|
|
|
image processing. You could already observe this in the structure of the user guide of these
|
|
|
|
tutorials itself. Before you use any of them you first need to include the header files where the
|
|
|
|
content of each individual module is declared.
|
|
|
|
|
|
|
|
You'll almost always end up using the:
|
|
|
|
|
|
|
|
- *core* section, as here are defined the basic building blocks of the library
|
|
|
|
- *highgui* module, as this contains the functions for input and output operations
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp includes
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
We also include the *iostream* to facilitate console line output and input. To avoid data structure
|
|
|
|
and function name conflicts with other libraries, OpenCV has its own namespace: *cv*. To avoid the
|
|
|
|
need appending prior each of these the *cv::* keyword you can import the namespace in the whole file
|
|
|
|
by using the lines:
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp namespace
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
This is true for the STL library too (used for console I/O). Now, let's analyze the *main* function.
|
|
|
|
We start up assuring that we acquire a valid image name argument from the command line. Otherwise
|
|
|
|
take a picture by default: "HappyFish.jpg".
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp load
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
Then create a *Mat* object that will store the data of the loaded image.
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp mat
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
Now we call the @ref cv::imread function which loads the image name specified by the first argument
|
|
|
|
(*argv[1]*). The second argument specifies the format in what we want the image. This may be:
|
|
|
|
|
|
|
|
- IMREAD_UNCHANGED (\<0) loads the image as is (including the alpha channel if present)
|
|
|
|
- IMREAD_GRAYSCALE ( 0) loads the image as an intensity one
|
|
|
|
- IMREAD_COLOR (\>0) loads the image in the RGB format
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp imread
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
@note
|
|
|
|
OpenCV offers support for the image formats Windows bitmap (bmp), portable image formats (pbm,
|
|
|
|
pgm, ppm) and Sun raster (sr, ras). With help of plugins (you need to specify to use them if you
|
|
|
|
build yourself the library, nevertheless in the packages we ship present by default) you may
|
|
|
|
also load image formats like JPEG (jpeg, jpg, jpe), JPEG 2000 (jp2 - codenamed in the CMake as
|
|
|
|
Jasper), TIFF files (tiff, tif) and portable network graphics (png). Furthermore, OpenEXR is
|
|
|
|
also a possibility.
|
|
|
|
|
|
|
|
After checking that the image data was loaded correctly, we want to display our image, so we create
|
|
|
|
an OpenCV window using the @ref cv::namedWindow function. These are automatically managed by OpenCV
|
|
|
|
once you create them. For this you need to specify its name and how it should handle the change of
|
|
|
|
the image it contains from a size point of view. It may be:
|
|
|
|
|
|
|
|
- *WINDOW_AUTOSIZE* is the only supported one if you do not use the Qt backend. In this case the
|
|
|
|
window size will take up the size of the image it shows. No resize permitted!
|
|
|
|
- *WINDOW_NORMAL* on Qt you may use this to allow window resize. The image will resize itself
|
|
|
|
according to the current window size. By using the | operator you also need to specify if you
|
|
|
|
would like the image to keep its aspect ratio (*WINDOW_KEEPRATIO*) or not
|
|
|
|
(*WINDOW_FREERATIO*).
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp window
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
Finally, to update the content of the OpenCV window with a new image use the @ref cv::imshow
|
|
|
|
function. Specify the OpenCV window name to update and the image to use during this operation:
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp imshow
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
Because we want our window to be displayed until the user presses a key (otherwise the program would
|
|
|
|
end far too quickly), we use the @ref cv::waitKey function whose only parameter is just how long
|
|
|
|
should it wait for a user input (measured in milliseconds). Zero means to wait forever.
|
|
|
|
|
2014-12-26 19:35:46 +08:00
|
|
|
@snippet cpp/tutorial_code/introduction/display_image/display_image.cpp wait
|
2014-11-27 20:39:05 +08:00
|
|
|
|
|
|
|
Result
|
|
|
|
------
|
|
|
|
|
|
|
|
- Compile your code and then run the executable giving an image path as argument. If you're on
|
|
|
|
Windows the executable will of course contain an *exe* extension too. Of course assure the image
|
|
|
|
file is near your program file.
|
2014-12-26 19:35:46 +08:00
|
|
|
@code{.sh}
|
2014-11-27 20:39:05 +08:00
|
|
|
./DisplayImage HappyFish.jpg
|
|
|
|
@endcode
|
|
|
|
- You should get a nice window as the one shown below:
|
|
|
|
|
2014-11-28 21:21:28 +08:00
|
|
|
![](images/Display_Image_Tutorial_Result.jpg)
|
2014-11-27 20:39:05 +08:00
|
|
|
|
2017-10-17 18:40:16 +08:00
|
|
|
@youtube{1OJEqpuaGc4}
|