【python-openCV】クリック位置の座標を画像内に表示する方法

この記事ではpython-openCVを使って、以下の動画のように画像内でクリックした場所の座標をリアルタイムに表示する方法をご紹介していきます。

何かしらの追加処理を行う際の座標確認にぜひご活用ください。

※python&openCVの使い方について知りたい方はまずは以下をご覧ください。

Pythonプログラミングの始め方！インストール方法から実行まで！

【Python-OpenCV】インストール方法、バージョン確認、使用時の注意点

それではさっそくやっていきましょう。

必要なライブラリ
画像内クリック位置の座標を表示するサンプルコード
サンプルコードの実行結果
マウス移動だけで座標表示したい場合
おわりに

必要なライブラリ

〇openCV

〇numpy

いつもおなじみの２つですね。

インストールしていない方はまずはインストール作業から始めましょう。

画像内クリック位置の座標を表示するサンプルコード

さっそくですが、以下が冒頭に紹介した作業を実行してくれるサンプルコードです。

※このコードの保存場所と同じフォルダに入っているmouse.jpgという画像に対して実行していきます。

import cv2
import numpy as np
file_name='mouse.jpg'
img=cv2.imread(file_name,cv2.IMREAD_GRAYSCALE)

def click_pos(event, x, y, flags, params):
    if event == cv2.EVENT_LBUTTONDOWN:
        img2 = np.copy(img)
        cv2.circle(img2,center=(x,y),radius=5,color=255,thickness=-1)
        pos_str='(x,y)=('+str(x)+','+str(y)+')'
        cv2.putText(img2,pos_str,(x+10, y+10),cv2.FONT_HERSHEY_PLAIN,2,255,2,cv2.LINE_AA)
        cv2.imshow('window', img2)
        
cv2.imshow('window', img)
cv2.setMouseCallback('window', click_pos)
cv2.waitKey(0)
cv2.destroyAllWindows()

基本的にやっていることは以下の通りです。

①画像の読み込み

②読み込んだ画像を別windowで表示

③②のwindow内でクリックされた位置の座標を取得

④座標の数値とプロットを元画像に描写して再度windowに表示

サンプルコードの実行結果

それでは先ほどのサンプルコードを実行してみましょう。

実行するとまずは以下のように別windowが表示されます。

この状態で画像内の適当な場所をクリックしてみましょう。

問題なく座標を取得できていそうですね。

マウス移動だけで座標表示したい場合

さきほどのサンプルコードはクリックした際に座標を表示するというものでしたが、以下の動画ようにマウス移動に連動して座標を表示させることも可能です。

以下がそのサンプルコードです。

import cv2
import numpy as np
file_name='mouse.jpg'
img=cv2.imread(file_name,cv2.IMREAD_GRAYSCALE)

def mouse_move(event, x, y, flags, params):
    if event == cv2.EVENT_MOUSEMOVE:
        img2 = np.copy(img)
        cv2.circle(img2,center=(x,y),radius=5,color=255,thickness=-1)
        pos_str='(x,y)=('+str(x)+','+str(y)+')'
        cv2.putText(img2,pos_str,(30, 30),cv2.FONT_HERSHEY_PLAIN,2,255,2,cv2.LINE_AA)
        cv2.imshow('window', img2)
     
cv2.imshow('window', img)
cv2.setMouseCallback('window', mouse_move)
cv2.waitKey(0)
cv2.destroyAllWindows()

基本的には呼び出す関数で使っているイベントを

cv2.EVENT_LBUTTONDOWN（左クリック）からcv2.EVENT_MOUSEMOVE（マウス移動）に変えただけですね。

状況に応じて使い分けていきましょう。