opencv+PyQt5: 画像内の特定のピクセルの hsv 値を取得する実装 - カラー カードのコード原理

概要

在我的上一篇文章介绍了HSV色域空间的特点和使用方法，但是像我一样对颜色的色调、饱和度、明度都不是特别敏感的人，又或者是对于初学opencv图像分割的新手小白来说，调节hsv的lower和upper都是一个很头疼的问题。除了在图像上方设置一个调节hsv的滑条之外，这里介绍一个通过鼠标点击获取像素点hsv值的方法。

全体的なアーキテクチャプロセス

1. 必要なモジュールとライブラリをインポートします。
2. QMainWindow を継承する ColorPickerApp クラスを作成します。
3. ColorPickerApp クラスの初期化メソッド __init__ で、画像と HSV 画像、および画像を表示するための QLabel を初期化します。
4. 画像表示領域の設定やマウスクリックイベント処理メソッドon_image_clickの設定など、GUIインターフェースを作成するためのinit_uiメソッドを実装します。
5. 画像をロードし、HSV 形式に変換するには、load_image メソッドを実装します。
6. update_image_label メソッドを実装して、読み込んだ画像を QLabel に表示します。
7. on_image_click メソッドを実装して、マウス クリック イベントを処理します。画像上でマウスをクリックすると、クリック位置のピクセルの HSV カラー値が取得され、コンソールに出力されます。`

専門用語の解説

• opencvopencv
  一个图像处理库，包含了图像处理的很多函数
  とは
• PyQt5
  PyQt は Qt フレームワークの Python 言語実装で、Riverbank Computing によって開発され、最も強力な GUI ライブラリの 1 つです。
• 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値を取得できます。

まとめ

なし