OpenCV 강좌 7 - 마우스 이벤트 🖱️

쥐가 아닌 이 마우스 (앗 죄송합니다.)

🖐 

안녕하세요~ 오랜만에 OpenCV 강좌를 포스팅하네요...(😢요즘 너무 바빠서,,)

이번 강좌는 저번 강좌 키보드 이벤트에 이어서 마우스 이벤트에 관하여 강좌를 시작하겠습니다.

 

OpenCV는 마우스 이벤트를 처리하기 위해

cv2.setMouseCallback(window name, callback, param)

를 사용합니다.

 

🙄 앵? 우리가 평소에 사용하던 함수처럼 보이지가 않네요....

 

보통은 함수(윈도우이름,특성)을 입력하는데 onMouse? 가 뭘까요??

일단 코드를 통해 분석해 봅시다.

 

import cv2
import numpy as np

def onMouse(event,x,y,flags,param):
    if event==cv2.EVENT_LBUTTONDOWN: # 마우스 왼쪽 버튼 클릭
        if flags & cv2.EVENT_FLAG_SHIFTKEY:
            cv2.rectangle(param[0],(x-5,y-5),(x+5,y+5),(255,0,0))
        else:
            cv2.circle(param[0],(x,y),5,(255,0,0),3)
    elif event==cv2.EVENT_RBUTTONDOWN:
        cv2.circle(param[0],(x,y),5,(0,0,255),3)
    elif event==cv2.EVENT_LBUTTONDBLCLK:
        param[0] = np.zeros(shape=param[0].shape,dtype=np.uint8)+255
    cv2.imshow('img',param[0])

img=np.full(shape=(512,512,3),fill_value=255,dtype=np.uint8)
cv2.imshow('img',img)
cv2.setMouseCallback('img',onMouse,[img])
cv2.waitKey()
cv2.destroyAllWindows()

이제부터 본격적으로 설명에 들어가겠습니다.

cv2.setMouseCallback(window name, callback, param)

구조에서 

window name 은 이벤트 처리를 할 윈도우 창의 이름을 지정하는 인자입니다.

setMouse함수 위의 img라는 이름으로 윈도우 창을 실행했으므로 setMouse함수는 img창에서

마우스 이벤트를 시작하겠다는 뜻입니다.

 

callback함수에는 (event, x, y, flags, param)가 전달됩니다. 위 코드는 callback 함수를

onMouse라는 함수로 지정해 각 마우스 이벤트별로 어떤 명령을 수행할지 수정할 수 있습니다.

또한 인자로 사용되는 event는 지금 어떤 마우스 클릭이 있었는지(우, 좌 클릭, 휠 같은...)

x, y는 윈도우 창 위에 있는 마우스의 x, y 좌표값

flags는 지금 마우스의 상태가 어떤지 알려줍니다.

예를 들어 제가 우클릭을 하고 그 상태로 움직이면 event값은 0으로 아무런 마우스 버튼의 변화가 없다고 출력되지만

저는 계속 우클릭을 하고 있음으로 flag는 우클릭 값인 2를 출력합니다.

마지막으로 param는 현재 img값을 출력해 줍니다.(행령 형태로 나타납니다.)

 

이벤트 값

EVENT	VALUE
EVENT_FLAG_ALTKEY	32
EYEVENT_FLAG_CTRLKEY	8
EYEVENT_FLAG_LBUTTONKEY	1
EYEVENT_FLAG_MBUTTONKEY	4
EYEVENT_FLAG_RBUTTONKEY	2
EYEVENT_FLAG_SHIFTKEY	16
EVENT_LBUTTONDBLCLK	7
EVENT_LBUTTONDOWN	1
EVENT_LBUTTONUP	4
EVENT_MBUTTONDBLCLK	9
EVENT_MBUTTONDOWN	3
EVENT_MBUTTONUP	6
EVENT_MOUSEHWHEEL	11
EVENT_MOUSEMOVE	0
EVENT_MOUSEWHEEL	10
EVENT_RBUTTONDBLCLK	8
EVENT_RBUTTONDOWN	2
EVENT_RBUTTONUP	5

L/M/RBUTTON 은 각각 왼, 중앙, 오른쪽 버튼을 뜻합니다.

DBCLCK은 더블 클릭, DOWN은 스위치를 누를 때, UP은 스위치를 땔 때입니다.

MOUSEMOVE은 마우스가 움직일 때입니다.

만약 본인이 원하는 마우스 이벤트가 어떤 값인지 모르겠으면 아까 onMouse의 인자로 들어오는 값 중

event값을 출력하면 어떤 값인지 쉽게 확인할 수 있습니다.

---

실행 화면

예제 실행화면

img윈도우 위에 마우스를 우/ 좌 클릭하거나 shift를 누른 채로 클릭하면 아래 그림과 같이 여러 도형을

캔버스 위에 그릴 수 있습니다.

마우스 이벤트 결과

    elif event==cv2.EVENT_LBUTTONDBLCLK:
        param[0] = np.zeros(shape=param[0].shape,dtype=np.uint8)+255

또한 위 조건식 대로 좌 더블클릭을 하면 param값을 255 값(White색상)으로 초기화하여 캔버스를 초기 상태로 되돌릴 수 있습니다. 

 

이번 강좌는 여기까지입니다. 혹시 이해가 안 되시면 마음껏 댓글로 남겨주세요 제가 아는 한 성실히 답글을 달겠습니다.

그럼 인제 자러가야지

💤💤💤