Get Started With OpenCV in Just 3 Hours!
Join 100K+ learners who trust OpenCV.
Dive into the world of Computer Vision, Deep Learning, and AI with OpenCV – the most powerful library for image and video processing. In just 3 hours, this free course will teach you how to transform images, detect faces and objects, and unlock new possibilities in tech.
Get Instant Access.
No spam. Unsubscribe anytime.
Installation
Select your preferences and run the install command.
Operating System:
Building From Source:
Language:
Run this Command:
Verification
To ensure that OpenCV is installed correctly, we can run the following example to show how to read and display image
Python
Change path/to/image to a real path of an image, then run this demo
import cv2 as cv
img = cv.imread("path/to/image")
cv.imshow("Display window", img)
k = cv.waitKey(0) # Wait for a keystroke in the window
C++
Change path/to/image to a real path of an image, then build this demo with OpenCV package and run it
#include
#include
using namespace cv;
int main()
{
std::string image_path = "path/to/image";
Mat img = imread(image_path, IMREAD_COLOR);
imshow("Display window", img);
int k = waitKey(0); // Wait for a keystroke in the window
return 0;
}
JavaScript
Copy this code into an html file and open it in your web browser
<title>Hello OpenCV.js</title>
<h2>Hello OpenCV.js</h2>
<p id="status">OpenCV.js is loading...</p>
<div>
<div class="inputoutput">
<img id="imageSrc" alt="No Image" />
<div class="caption">imageSrc </div>
</div>
<div class="inputoutput">
<div class="caption">canvasOutput</div>
</div>
</div>
let imgElement = document.getElementById('imageSrc');
let inputElement = document.getElementById('fileInput');
inputElement.addEventListener('change', (e) => {
imgElement.src = URL.createObjectURL(e.target.files[0]);
}, false);
imgElement.onload = function () {
let mat = cv.imread(imgElement);
cv.imshow('canvasOutput', mat);
mat.delete();
};
var Module = {
// https://emscripten.org/docs/api_reference/module.html#Module.onRuntimeInitialized
onRuntimeInitialized() {
document.getElementById('status').innerHTML = 'OpenCV.js is ready.';
}
};
