【OpenCV 完整例程】04. 用 matplotlib 显示图像（plt.imshow）

【OpenCV 完整例程】04. 用 matplotlib 显示图像（plt.imshow）

欢迎关注 『OpenCV 完整例程 100 篇』 系列，持续更新中
欢迎关注 『Python小白的OpenCV学习课』 系列，持续更新中

函数 plt.imshow() 用于通过 matplotlib 库显示图像。

函数说明：

matplotlib.pyplot.imshow(img[, cmap])

OpenCV 使用 BGR 格式，matplotlib/PyQt 使用 RGB 格式。使用 matplotlib/PyQt 显示 openCV 图像，要将 BGR 格式转换为 RGB 格式：

# 图片格式转换：BGR(OpenCV) -> RGB(PyQt5)
imgRGB = cv2.cvtColor(imgBGR, cv2.COLOR_BGR2RGB)

参数说明：

• img：图像数据，nparray 多维数组，对于 openCV（BGR）格式图像要先进行格式转换
• cmap：颜色图谱（colormap），默认为 RGB(A) 颜色空间
  • gray：灰度显示
  • hsv：hsv 颜色空间

注意事项：

1. OpenCV 和 matplotlib 中的彩色图像都是 Numpy 多维数组。但 OpenCV 使用 BGR 格式，颜色分量按照蓝/绿/红的次序排列，而 matplotlib 使用 RGB 格式，颜色分量按照红/绿/蓝的次序排序。因此用 plt.imshow() 显示 OpenCV 彩色图像时，先要进行颜色空间转换，将Numpy 多维数组按照红/绿/蓝的次序排序。
2. plt.imshow() 可以直接显示 OpenCV 灰度图像，不需要格式转换，但需要使用 cmap=‘gray’ 进行参数设置。
3. plt.imshow() 可以使用 matplotlib 库中的各种方法绘图，如标题、坐标轴、插值等，详见 matploblib Document。
4. PyQt5 也使用 RGB 格式，因此在 PyQt5 中显示 OpenCV 彩色图像时，也要进行颜色空间转换。

基本例程：

    # 1.10 图像显示(plt.imshow)
    imgFile = "../images/imgLena.tif"  # 读取文件的路径
    img1 = cv2.imread(imgFile, flags=1)  # flags=1 读取彩色图像(BGR)

    imgRGB = cv2.cvtColor(img1, cv2.COLOR_BGR2RGB)  # 图片格式转换：BGR(OpenCV) -> RGB(PyQt5)
    img2 = cv2.cvtColor(img1, cv2.COLOR_BGR2GRAY)  # 图片格式转换：BGR(OpenCV) -> Gray

    plt.rcParams['font.sans-serif'] = ['FangSong']  # 支持中文标签
    plt.subplot(221), plt.title("1. RGB 格式(mpl)"), plt.axis('off')
    plt.imshow(imgRGB)  # matplotlib 显示彩色图像(RGB格式)
    plt.subplot(222), plt.title("2. BGR 格式(OpenCV)"), plt.axis('off')
    plt.imshow(img1)    # matplotlib 显示彩色图像(BGR格式)
    plt.subplot(223), plt.title("3. 设置 Gray 参数"), plt.axis('off')
    plt.imshow(img2, cmap='gray')  # matplotlib 显示灰度图像，设置 Gray 参数
    plt.subplot(224), plt.title("4. 未设置 Gray 参数"), plt.axis('off')
    plt.imshow(img2)  # matplotlib 显示灰度图像，未设置 Gray 参数
    plt.show()

程序说明：

图 1 中 OpenCV 的 BGR 彩色图像已转换为 RGB 格式，彩色图像的颜色显示正常；
图 2 中 OpenCV 的 BGR 彩色图像格式未做转换，彩色图像的颜色显示异常；
图 3 中 plt.imshow() 设置 cmap=‘gray’，灰度图像的颜色显示正常；
图 4 中 plt.imshow() 未设置 cmap=‘gray’，灰度图像的颜色显示异常。

（本节完）

---

版权声明：

youcans@xupt 原创作品，转载必须标注原文链接

Copyright 2021 youcans, XUPT

Crated：2021-11-18

欢迎关注 『OpenCV 完整例程 100 篇』 系列，持续更新中
欢迎关注 『Python小白的OpenCV学习课』 系列，持续更新中

【OpenCV 完整例程】01. 图像的读取（cv2.imread）
【OpenCV 完整例程】02. 图像的保存（cv2.imwrite）
【OpenCV 完整例程】03. 图像的显示（cv2.imshow）
【OpenCV 完整例程】04. 用 matplotlib 显示图像（plt.imshow）
【OpenCV 完整例程】05. 图像的属性（np.shape）
【OpenCV 完整例程】06. 像素的编辑（img.itemset）
【OpenCV 完整例程】07. 图像的创建（np.zeros）
【OpenCV 完整例程】08. 图像的复制（np.copy）
【OpenCV 完整例程】09. 图像的裁剪（cv2.selectROI）
【OpenCV 完整例程】10. 图像的拼接（np.hstack）
【OpenCV 完整例程】11. 图像通道的拆分（cv2.split）
【OpenCV 完整例程】12. 图像通道的合并（cv2.merge）
【OpenCV 完整例程】13. 图像的加法运算（cv2.add）
【OpenCV 完整例程】14. 图像与标量相加（cv2.add）
【OpenCV 完整例程】15. 图像的加权加法（cv2.addWeight）
【OpenCV 完整例程】16. 不同尺寸的图像加法
【OpenCV 完整例程】17. 两张图像的渐变切换
【OpenCV 完整例程】18. 图像的掩模加法
【OpenCV 完整例程】19. 图像的圆形遮罩
【OpenCV 完整例程】20. 图像的按位运算
【OpenCV 完整例程】21. 图像的叠加
【OpenCV 完整例程】22. 图像添加非中文文字
【OpenCV 完整例程】23. 图像添加中文文字
【OpenCV 完整例程】23. 图像添加中文文字
【OpenCV 完整例程】24. 图像的仿射变换
【OpenCV 完整例程】25. 图像的平移
【OpenCV 完整例程】26. 图像的旋转（以原点为中心）
【OpenCV 完整例程】27. 图像的旋转（以任意点为中心）
【OpenCV 完整例程】28. 图像的旋转（直角旋转）
【OpenCV 完整例程】29. 图像的翻转（cv2.flip）
【OpenCV 完整例程】30. 图像的缩放（cv2.resize）
【OpenCV 完整例程】31. 图像金字塔（cv2.pyrDown）
【OpenCV 完整例程】32. 图像的扭变（错切）
【OpenCV 完整例程】33. 图像的复合变换
【OpenCV 完整例程】34. 图像的投影变换
【OpenCV 完整例程】35. 图像的投影变换（边界填充）
【OpenCV 完整例程】36. 直角坐标与极坐标的转换
【OpenCV 完整例程】37. 图像的灰度化处理和二值化处理
【OpenCV 完整例程】38. 图像的反色变换（图像反转）
【OpenCV 完整例程】39. 图像灰度的线性变换