OpenCV4（1）-读取和显示图像（C++，Python，JS）

最新推荐文章于 2025-04-30 09:42:19 发布

原创最新推荐文章于 2025-04-30 09:42:19 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#opencv #c++ #python #js #vue

OpenCV4学习笔记专栏收录该内容

34 篇文章

订阅专栏

本文是OpenCV4学习笔记，介绍了Python、C++、JS三种语言使用OpenCV的环境，包括Python 3.6.5搭配OpenCV 4.1.2等。还提及了读取和显示图像的知识点，给出了三种语言的代码示例及注意事项，如C++在VS2017创建项目的设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境

Python：3.6.5 OpenCV 4.1.2
C++：OpenCV 4.1.2
JS：OpenCV 4.5.0

环境搭建可参考：B站视频

欢迎访问博主搭建的在线运行平台 (o゜▽゜)o☆

知识点

读取图像：imread
显示图像：imshow

C++代码

#ifndef DAY01
#define DAY01

#include <opencv2/opencv.hpp>
#include <iostream>

using namespace std;
using namespace cv;

void day01() {

	Mat src = imread("E:\\_Image\\OpenCVTest\\girl.jpg");

	if (src.empty()) {
		cout << "could not load image.." << endl;
		return;
	}

	namedWindow("show", WINDOW_AUTOSIZE);
	imshow("show", src);

	waitKey(0);
}

#endif // !DAY01

注意事项：

在 VS2017 中创建项目的时候选择创建空项目，预编译标头取消勾选。选择 x64 进行编译。

Python代码

import cv2 as cv

# 查看版本
print(cv.__version__)

# 读取图像
src = cv.imread("E:/_Image/OpenCVTest/girl.jpg")

# 显示图像
cv.imshow("input", src)

# 等待键盘输入
cv.waitKey()

# 释放内存
cv.destroyAllWindows()

JS代码

const cv = window.cv
 
// 读取图像
const mat = cv.imread('imageSrc')
 
// 显示图像
cv.imshow('canvasOutput', mat)
 
// 销毁所有 mat 释放内存
mat.delete()

官方文档链接：https://docs.opencv.org/4.5.0/df/d24/tutorial_js_image_display.html

返回总目录

OpenCV4学习笔记 - 目录

如果这篇文章对您有帮助，欢迎给我的 github项目点一个⭐ ο(=•ω＜=)ρ⌒☆