知识点

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

C++代码

  1. #ifndef DAY02
  2. #define DAY02
  4. #include <opencv2/opencv.hpp>
  5. #include <iostream>
  7. using namespace std;
  8. using namespace cv;
  10. void day02() {
  12.     Mat src = imread("E:\\_Image\\OpenCVTest\\girl.jpg");
  14.     if (src.empty()) {
  15.         cout << "could not load image.." << endl;
  16.         return;
  17.     }
  19.     namedWindow("show", WINDOW_AUTOSIZE);
  20.     imshow("show", src);
  22.     Mat gray;
  23.     cvtColor(src, gray, COLOR_BGR2GRAY);
  24.     namedWindow("gray", WINDOW_AUTOSIZE);
  25.     imshow("gray", gray);
  27.     imwrite("E:\\_Image\\OpenCVTest\\girl_gray.jpg", gray);
  29.     if (gray.type() == CV_8UC1) {
  30.         //input image is grayscale
  31.         cout << "gray" << endl;
  32.     }
  33.     else {
  34.         //input image is colour
  35.         cout << "color" << endl;
  36.     }
  38.     waitKey(0);
  39. }
  41. #endif

注意事项：
1、COLOR_GRAY2BGR 要求图像的类型是 CV_8UC1。该函数的原理是将图像的通道变多，但是每个像素点三通道的像素值还是一样！所以即使转换成功，图像依旧是灰色的。

2、读取图像的 imread() 函数有第二个参数，其默认值是 IMREAD_COLOR ，即将加载的图像总是转换为彩色图像。转换后图像的类型是 CV_8UC3。

Python代码

  1. import cv2 as cv
  3. # 查看版本
  4. print(cv.__version__)
  6. # 读取图像
  7. src = cv.imread("E:/_Image/OpenCVTest/girl.jpg")
  9. # 显示图像
  10. cv.imshow("input", src)
  12. # 彩色转灰度
  13. gray = cv.cvtColor(src, cv.COLOR_BGR2GRAY)
  15. # 显示图像
  16. cv.imshow("gray", gray)
  18. # 保存图像
  19. cv.imwrite("E:/_Image/OpenCVTest/girl_gray.jpg", gray)
  21. # 等待键盘输入
  22. cv.waitKey()
  24. # 释放内存
  25. cv.destroyAllWindows()

JS代码

  1. // 官方文档链接：https://docs.opencv.org/4.5.0/db/d64/tutorial_js_colorspaces.html
  2. const cv = window.cv
  4. // 读取图像
  5. const src = cv.imread('imageSrcRaw')
  7. // 转换为灰度图
  8. const gray = new cv.Mat()
  9. cv.cvtColor(src, gray, cv.COLOR_RGBA2GRAY, 0)
  11. // 显示图像
  12. cv.imshow('canvasOutput', gray)
  13. // opencv.js不支持imwrite方法
  15. // 销毁所有 mat 释放内存
  16. src.delete()
  17. gray.delete()

注意事项：

1、opencv.js 不支持 imwrite 方法。仔细想想也可以理解，毕竟是 web 端程序，不可以随意往服务器端保存东西呀。

2、但是，如果看官用的是 opencv4nodejs，它是提供 imwrite 方法的，亲测。这是专门用于服务器端的 opencv，注意我说的是服务器端，而不是 web 端。意思是 opencv4nodejs 可以用于 nodejs 写的服务器端，但是直接在浏览器是无法运行的。具体如何安装 opencv4nodejs 可以看我写的这篇文章：OpenCV-npm安装opencv4nodejs（Windows）

3、官方文档链接：https://docs.opencv.org/4.5.0/db/d64/tutorial_js_colorspaces.html

image.png