OpenCV4(1)-读取和显示图像(C++,Python,JS)

完整的opencvjs(使用最新的OpenCV 4.0.0+)-JavaScript开发 opencvjs完整的opencvjs。(使用最新的OpenCV 4.0.0+)opencv.js官方停止更新。 而且,与上一个正式版本相比,它仍然存在许多错误。 该项目继承自官方的opencv.js。 哪个opencvjs完成opencvjs。(使用最新的OpenCV 4.0.0+)官方opencv.js停止了更新。 而且,与上一个正式版本相比,它仍然存在许多错误。 该项目继承自官方的opencv.js。 这意味着opencv.js中的所有方法都可以在这里工作,并且还可以修复大多数错误。 但是,性能有了很大提高。 具有由本机JS编写的OpenCVJS的功能,这意味着该项目可以直接在浏览器或JS项目中使用,或者node.js OpenCVJS最容易安装 立即下载

目录

环境

知识点

C++代码

Python代码

JS代码

返回总目录


环境

  • 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项目 点一个⭐ ο(=•ω<=)ρ⌒☆

opencv2.4.3和4.0函数手册带目录可搜索 opencv2.4.3函数手册,带目录,可搜索。 立即下载

相关推荐

OpenCVSharp 最新4.0 的19个例子

OpenCVSharp 最新4.0 的19例子 Sample01: How to create a simple 2D image and show it using OpenCV Window. Sample02: How to load and display images. Sample03: How to create a gray-scale image. Sample04: How to apply different filters to images, such as erode, dilate, etc. Sample04-Winforms: How to use OpenCVSharp in a WindowsForms application. Sample05: How to use OpenCVSharp in a WPF application. Sample06: How to use VideoCapture and WebCams. Sample07: How to access pixels data using the C++ interface of OpenCV. Sample08: How to apply MorphologyEx filters to images. Sample09: How to resize, rotate and blur images. Sample10: How to calculate the histogram of an image. Sample11: How use k-means method of OpenCV. Sample12: How to use watershed transform. Sample13: How to use SURF. Sample14: How to use SimpleBlobDetector. Sample15: How to detect faces using Haar detection. Sample16: How to train your own detector using CascadeClassifier. Sample17: How to detect faces using FisherFaceRecognizer. Sample18: How to create a Simple OCR using OpenCVSharp. Sample19: How to create a Simple BarcodeReader using OpenCVSharp.

Vue项目中使用opencv.js报错记录

网上关于vue中使用opencv的例子少之又少,无奈之下只能自己琢磨研究一下。开此贴来记录自己的探索过程,希望最后可以顺利完成课题。 一开始是尝试官网的方法,直接引入编译好的opencv.js文件,在index.html里面直接放置官网的例子,然后成功了,特别开心,以为自己已经攻克难关可以开始准备项目了,还跟导师汇报说技术难关已经解决了,然而在我happy了一天晚上回来准备给他应用到vue项目中发现这玩意怎么跟在html文件中不一样呢???因为是前端小白,所以我在网上找了很多方法,试了几个靠谱的,结果最后

m0_49435789的博客 6477

单片机NTC热敏电阻测温:六种实用电路方案与选型指南

本文详细介绍了单片机系统中NTC热敏电阻测温的六种实用电路方案,包括分压法、恒流源法、RC充放电法、电桥法、频率法及集成专用IC方案,并提供了关键的硬件选型指南和软件处理技巧,帮助工程师实现高精度、低成本的温度测量。

herb5的博客 821

Vue安装opencv4nodejs库

vue是前端框架,采用的浏览器端的javascript引擎,而opencv4nodejs是后端框架,用的是nodejs的引擎。先说结论,就是安不上,安上了也用不了,不用费劲了。

C_C666的博客 2120

Axure RP9汉化+授权全攻略:从下载到激活一步到位(附最新授权码)

本文提供Axure RP9从下载安装到界面汉化的完整指南,帮助设计师和产品经理快速上手这款原型设计工具。详细讲解了如何安全获取软件、执行汉化操作、理解核心界面布局,并介绍了创建交互原型和生成HTML文件的基础步骤,助力用户高效开展设计工作。

cuda7parallel的博客 1141

Camera AF和FF

Camera按对焦功能可以分为FF(Fixed Focus)和AF(Auto Focus),即固定对焦和自动对焦。固定对焦顾名思义就是焦距是固定的,而自动对焦可以通过移动镜头位置来改变焦距从而实现自动对焦。以前摄像的功能机大多是固定对焦,现在的手机都带有自动对焦功能。 FF模组包括镜头(Lens),传感器(Sensor),红外滤色器(IR Filter),电路板(PCB),镜头支撑(Lens Holder),连接器(Connector)。 Fig 1. FF Module AF模组包括FF模组,音圈马达(V

Coppa的博客 1万+

openCV4.0 C++ 快速入门30讲学习笔记(自用 代码+注释)详细版

课程来源:哔哩哔哩 环境:OpenCV4.5.1 + VS2019 目录 002.图像色彩空间转换 003.图像对象的创建与赋值 004.图像像素的读写操作 005.图像像素的算术操作(加减乘除4种不同的API实现 006.滚动条-调整图像亮度 007.滚动条-传递参数 008.键盘响应操作 009.OpenCV自带颜色表操作 010.图像像素的逻辑操作(与,或,非,异或 011.通道合并与分离 012.图像色彩空间转换(提取轮廓然后换绿幕 013.图像像素值统计(min,max

weixin_47059239的博客 8636

Python实战:基于PyG和Stable-Baselines3复现柔性车间调度算法(附数据集)

本文提供了一份基于图神经网络与深度强化学习的柔性车间调度实战指南。通过PyTorch Geometric构建异构图表示车间状态,并利用Stable-Baselines3中的PPO算法训练调度智能体,详细介绍了从环境建模、网络设计到训练评估的完整代码实现,帮助开发者构建可复用的工业级智能调度系统。

ansible6ops的博客 608

vue使用opencv.js报错Error: Bad size of input mat: the size should be same as the video.

let video = document.getElementById('my_video_id'); let capture = new cv.VideoCapture(video); let frame = new cv.Mat(video.videoHeight, video.videoWidth, cv.CV_8UC4); capture.read(frame); 执行之后报错 Error: Bad size of input mat: the size sho

Xeon_CC的博客 3169

从零构建高精度电子秤:HX711与STM32的时序通信陷阱与实战避坑指南

本文详细解析了使用STM32F103C8T6与HX711模块构建高精度电子秤的通信时序陷阱与实战解决方案。重点探讨了微秒级延迟实现、数据读取算法、校准方法和滤波优化,帮助开发者避开常见通信问题,提升电子秤的测量精度和稳定性。

data3的博客 782

卷积码Viterbi译码算法原理及C语言实现

具体而言,卷积码的编码过程是将输入数据和编码器中的状态进行异或操作,输出码字为各个状态对应的结果。Viterbi译码算法是一种最大似然译码算法,根据接收到的含有噪声的码字,寻找出最有可能的原始数据序列。(2) 递推计算:根据接收到的码字和当前状态,计算下一时刻各个状态的路径度量,并记录每个状态的前驱状态。以上代码实现了一个简单的卷积码Viterbi译码算法,通过接收到的码字进行译码,并输出解码结果。(1) 初始化:将所有状态的路径度量初始化为一个很大的值,选择路径度量最小的状态作为起始状态。

2301_79331421的博客 826

opencv学习笔记——4.0

由于numpy是高度包装的库,所以对于像素值的修改还是使用item()和itemset()比较好,需要注意的是itemset()第一个参数的要修改的标量,即每次只能修改一个通道的值,如果要将三通道的值都进行修改则只能多次调用itemset()在图像处理中,有时需要对特定区域进行处理,比如要检测图像中的眼睛,首先要对整个图像进行人脸检测,获得人脸图像后再搜索其中的眼睛部分,而不是在整个图像中搜索眼睛,这提高了准确性和搜索性能。在图像处理中,有时需要将三通道分别处理,可以通过cv.split()拆分通道。

weixin_60845215的博客 294

Allegro174版本如何关闭模块复用后铜皮自动从动态变成静态操作指导

在用Allegro进行PCB设计的时候,模块复用是使用的十分频繁的操作,当Allegro升级到了174 S034版本的时候,当使用模块复用的功能的时候,模块内的铜皮会自动动静转换,大部分情况是不需要的。版本如何关闭模块复用后铜皮自动从动态变成静态操作指导。如何关闭这个功能,具体操作如下。

weixin_54787054的博客 1260

OpenCV4(10)-图像像素值统计(C++,Python,JS)

知识点: 像素值统计 - 最小(min) - 最大(max) - 均值(mean) - 标准方差(standard deviation) API知识点 - 最大最小值minMaxLoc - 计算均值与标准方差meanStdDev #ifndef DAY10 #define DAY10 #include <opencv2/opencv.hpp> #inclu...

Apple_Coco的博客 1514

一文讲透 SAP SD:把报价、订单、交付、开票串成一条可落地的业务闭环

摘要:SAP SD(销售与分销)模块是企业O2C(订单到收款)流程的核心,管理从客户意向到回款的完整链路。该模块围绕销售订单、交付、开票等关键环节,与财务、物料管理等模块深度集成。SD的核心在于主数据管理、单据驱动流程、定价规则引擎和信用风控,通过条件技术实现复杂定价策略,并支持多维度分析。典型应用场景包括多渠道销售企业的价格体系管理、信用控制和物流协同,有效解决销售与交付脱节、财务对账困难等业务痛点。(149字)

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 513

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

OpenCV笔记:基础入门(C++、Python、JavaScript)

因为个人学业和兴趣原因需要用到人工智能和自动化相关的内容,计划学习一些列相关的内容。这里先以简单常见的OpenCV作为入门内容,主要是作为使用来说这个应该比较简单并且这个也比较实用。这篇文章将记录OpenCV的相关链接与入门内容。

Naisu的各种笔记 1751

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

OpenCV4(3)-图像对象拷贝与创建(C++,Python,JS)

知识点: 1、图像对象的拷贝 学过C++的应该都很清楚,拷贝分为深拷贝和浅拷贝 OpenCV的clone()和copyTo是深拷贝,赋值运算符‘=’是浅拷贝 头部保存了该图像的宽度和高度还有通道数等信息,数据部分保存了该图像的像素信息 2、图像对象的创建 常用方法有Mat::zeros()和Mat::ones() #ifndef DAY03 #define DAY03 ...

Apple_Coco的博客 679

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

OpenCV4(2)-保存图像与色彩空间的转换(C++,Python,JS)

知识点: 1、图像保存— imwrite 第一个参数是图像保存路径 第二个参数是图像内存对象 2、色彩空间转换函数 — cvtColor COLOR_BGR2GRAY = 6 彩色到灰度 COLOR_GRAY2BGR = 8 灰度到彩色 COLOR_BGR2HSV = 40 BGR到HSV COLOR_HSV2BGR = 54 HSV到BGR #ifndef DAY02...

Apple_Coco的博客 1108

OpenCV4(16)-图像ROI与ROI操作(C++,Python,JS)

知识点: ROI解释: 图像的 ROI(region of interest) 是指图像中感兴趣区域、在 OpenCV 中图像设置图像 ROI 区域,实现只对 ROI 区域的操作。 提取不规则ROI区域的一般步骤: 1、通过inRange函数生成mask 2、通过与操作提取ROI #ifndef DAY16 #define DAY16 #include <opencv2...

Apple_Coco的博客 9935

OpenCV4(7)-图像像素逻辑操作(C++,Python,JS)

知识点: 像素操作之逻辑操作 - bitwise_and - bitwise_xor - bitwise_or 上面三个类似,都是针对两张图像的位操作 - bitwise_not 针对输入图像, 图像取反操作,二值图像分析中经常用 #ifndef DAY07 #define DAY07 #include <opencv2/opencv.hpp> #incl...

Apple_Coco的博客 601

OpenCV4(6)-LookUpTable(LUT)查找表(C++,Python,JS)

知识点: Look Up Table(LUT)查找表 - applyColorMap(src, dst, COLORMAP) - src 表示输入图像 - dst表示输出图像 - OpenCV支持13种颜色风格的查找表映射 #ifndef DAY06 #define DAY06 #include <opencv2/opencv.hpp> #include &l...

Apple_Coco的博客 1316

OpenCV4(5)-图像像素算数操作(C++,Python,JS)

知识点: saturate_cast防止数据溢出 #ifndef DAY05 #define DAY05 #include <opencv2/opencv.hpp> #include <iostream> using namespace std; using namespace cv; void day05() { Mat src = imread("...

Apple_Coco的博客 728

OpenCV4(4)-图像像素读写操作(C++,Python,JS)

知识点: C++中的像素遍历与访问 - 数组遍历 - 指针遍历 #ifndef DAY04 #define DAY04 #include <opencv2/opencv.hpp> #include <iostream> using namespace std; using namespace cv; void day04() { Mat src =...

Apple_Coco的博客 1115

OpenCV4学习笔记 - 目录

前言 OpenCV4 学习笔记,实践于 C++、Python 和 JS(Vue)代码 以下文章均收录在我的 GitHub 中,欢迎 Star ⭐ ο(=•ω<=)ρ⌒☆ 环境 Python:3.6.5 OpenCV 4.1.2 C++:OpenCV 4.1.2 JS:OpenCV 4.5.0 环境搭建可参考:B站视频 目录 入门 OpenCV4(1)-读取和显示图像(C++,Python,JS) OpenCV4(2)-保存图像与色彩空间的转换(C++,Python,JS) OpenCV4(3)-图像对

Apple_Coco的博客 1006

OpenCV4(9)-色彩空间的转换及应用(C++,Python,JS)

知识点: - RGB色彩空间 只需要知道RGB是我们最常用的色彩空间,且与设备无关。 - HSV色彩空间 对于一些直方图相关的图像处理和算法,将其转到HSV色彩空间,通常会取得较好的效果。 - YUV色彩空间 一种跟设备有关的色彩空间。 - YCrCb色彩空间 常用作皮肤检测,根据一些颜色的统计模型,通常会取得较好的效果。 API知识点 - 色彩空间转换cvtColor - ...

Apple_Coco的博客 767

OpenCV4(8)-通道分离与合并(C++,Python,JS)

知识点: OpenCV中的imread()函数原型为:Mat imread(const string& filename, int flags=1 ),flags有如下几种类型 枚举标识 备注 IMREAD_UNCHANGED = -1 8位原通道,新版本已经废置 IMREAD_GRAYSCALE = 0 8位1通道,图像总是转换成灰度 ...

Apple_Coco的博客 502
上一篇: 灰度图像压缩 DP算法 位运算详解
下一篇: OpenCV4(2)-保存图像与色彩空间的转换(C++,Python,JS)
Apple_Coco
博客等级 码龄9年 325粉丝 117原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Apple_Coco

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值