概要
在我的上一篇文章介绍了HSV色域空间的特点和使用方法,但是像我一样对颜色的色调、饱和度、明度都不是特别敏感的人,又或者是对于初学opencv图像分割的新手小白来说,调节hsv的lower和upper都是一个很头疼的问题。除了在图像上方设置一个调节hsv的滑条之外,这里介绍一个通过鼠标点击获取像素点hsv值的方法。
整体架构流程
- 导入所需的模块和库。
- 创建一个继承自QMainWindow的ColorPickerApp类。
- 在ColorPickerApp类的初始化方法__init__中,初始化图像和HSV图像,以及一个用于显示图像的QLabel。
- 实现init_ui方法用于创建GUI界面,包括设置图像显示区域,并设置鼠标点击事件处理方法on_image_click。
- 实现load_image方法用于加载图片,并将其转换为HSV格式。
- 实现update_image_label方法用于将加载的图像显示在QLabel中。
- 实现on_image_click方法用于处理鼠标点击事件。当鼠标在图片上点击时,会获取点击位置处的像素HSV颜色值,并将其打印到控制台。 `
技术名词解释
- opencv
一个图像处理库,包含了图像处理的很多函数
什么是opencv - PyQt5
PyQt是Qt框架的Python语言实现,由Riverbank Computing开发,是最强大的GUI库之一。 - GUI
图形用户界面
技术细节
直接给一个代码示例
import sys
import cv2
from PyQt5.QtWidgets import QApplication, QLabel, QMainWindow, QVBoxLayout, QWidget
from PyQt5.QtGui import QImage, QPixmap
class ColorPickerApp(QMainWindow):
def __init__(self):
super().__init__()
self.image = None
self.image_hsv = None
self.image_label = QLabel()
self.init_ui()
def init_ui(self):
layout = QVBoxLayout()
layout.addWidget(self.image_label)
central_widget = QWidget()
central_widget.setLayout(layout)
self.setCentralWidget(central_widget)
self.setWindowTitle("Color Picker")
self.resize(800, 600)
self.image_label.mousePressEvent = self.on_image_click
def load_image(self, image_path):
self.image = cv2.imread(image_path)
self.image_hsv = cv2.cvtColor(self.image, cv2.COLOR_BGR2HSV)
self.update_image_label()
def update_image_label(self):
height, width, channel = self.image.shape
bytes_per_line = 3 * width
q_image = QImage(self.image.data, width, height, bytes_per_line, QImage.Format_RGB888)
pixmap = QPixmap.fromImage(q_image)
self.image_label.setPixmap(pixmap)
def on_image_click(self, event):
if self.image is not None:
x, y = event.pos().x(), event.pos().y()
hsv_color = self.image_hsv[y, x]
h, s, v = hsv_color[0], hsv_color[1], hsv_color[2]
print(f"Clicked HSV Color: H={h}, S={s}, V={v}")
if __name__ == "__main__":
app = QApplication(sys.argv)
window = ColorPickerApp()
# Load your image here
image_path = "D:/PycharmProjects/pythonProject/Use-pic/bulecud.png"
window.load_image(image_path)
window.show()
sys.exit(app.exec_())
最后的效果展示:
通过点击就能获得鼠标所点击的那个位置的像素点的hsv值
小结
None