VSCode中plt.plot无窗口显示？如何结合OpenCV循环展示直方图

不用依赖matplotlib的弹出窗口，直接用OpenCV自身的绘图API把直方图转换成图像，就能融入你现有的while True循环和ESC关闭逻辑里，完全不需要安装额外扩展。

实现步骤： #

1. 归一化直方图数据：把calcHist得到的hist_values归一化到适合绘图的范围（比如0到画布高度），避免数值过大导致超出画布。
2. 创建空白画布：生成一个用于绘制直方图的空白图像。
3. 绘制直方图：遍历每个直方图bin，用cv2.line或cv2.rectangle在画布上画出对应条形。
4. 整合到现有循环：把直方图窗口和原图像窗口一起在循环中显示，统一用ESC键关闭。

完整代码示例（以灰度图为例）： #

import cv2
import numpy as np

# 读取图像并计算直方图
img = cv2.imread('test.jpg', 0)  # 以灰度模式读取
hist_values = cv2.calcHist([img], [0], None, [256], [0, 256])

# 归一化直方图到0-400（画布高度设为400）
hist_norm = cv2.normalize(hist_values, hist_values, 0, 400, cv2.NORM_MINMAX)

# 创建直方图画布：高度400，宽度512（每个bin占2像素宽度），3通道彩色
hist_img = np.zeros((400, 512, 3), dtype=np.uint8)

# 绘制直方图的每个bin
for i in range(256):
    # 画绿色线条，宽度2像素
    cv2.line(hist_img, 
             (2*i, 400),  # 线条起点（底部）
             (2*i, 400 - int(hist_norm[i][0])),  # 线条终点（根据归一化后的值）
             (0, 255, 0), 2)

# 你的原有循环逻辑，整合直方图显示
while True:
    cv2.imshow('Original Image', img)
    cv2.imshow('Histogram', hist_img)
    
    key = cv2.waitKey(1) & 0xFF
    if key == 27:  # 按下ESC键退出
        break

# 销毁所有窗口
cv2.destroyAllWindows()

彩色图像直方图扩展： #

如果是处理彩色图像，只需分BGR三个通道分别计算直方图，然后用不同颜色（比如蓝、绿、红）绘制到同一张画布上：

img = cv2.imread('test.jpg')
colors = [('blue', (255, 0, 0)), ('green', (0, 255, 0)), ('red', (0, 0, 255))]

hist_img = np.zeros((400, 512, 3), dtype=np.uint8)
for i, (color_name, color) in enumerate(colors):
    hist = cv2.calcHist([img], [i], None, [256], [0, 256])
    hist_norm = cv2.normalize(hist, hist, 0, 400, cv2.NORM_MINMAX)
    for j in range(256):
        cv2.line(hist_img, (2*j, 400), (2*j, 400 - int(hist_norm[j][0])), color, 2)

为什么这个方法可行？ #

• 完全基于OpenCV的窗口系统，和你原有的cv2.imshow逻辑一致，不需要配置matplotlib的后端或者安装VSCode扩展。
• 直方图窗口和原图像窗口共用同一个循环的键盘事件处理，按下ESC键会同时关闭所有窗口，符合你的需求。

内容的提问来源于stack exchange，提问作者Tms91