使用OpenCV的createTrackbar()时EVENT_MOUSEMOVE失效的绘图应用问题

Hey there! Let's get your drawing app working smoothly. The EVENT_MOUSEMOVE not triggering is usually down to a missing callback binding or logic gaps in handling the event, and adding background color control is straightforward with extra trackbars. Here's a complete, fixed implementation:

Full Working Code #

import cv2
import numpy as np

# Global variables to track trackbar values and app state
draw_color = [0, 0, 0]  # R, G, B for drawing circles
bg_color = [255, 255, 255]  # Initial white background
draw_radius = 5
draw_enabled = 0  # 0 = drawing off, 1 = drawing on
canvas = np.zeros((500, 800, 3), dtype=np.uint8)
canvas[:] = bg_color  # Set initial background

def update_draw_color(x):
    global draw_color
    draw_color[0] = cv2.getTrackbarPos('R (Draw)', 'Drawing App')
    draw_color[1] = cv2.getTrackbarPos('G (Draw)', 'Drawing App')
    draw_color[2] = cv2.getTrackbarPos('B (Draw)', 'Drawing App')

def update_bg_color(x):
    global bg_color, canvas
    bg_color[0] = cv2.getTrackbarPos('R (BG)', 'Drawing App')
    bg_color[1] = cv2.getTrackbarPos('G (BG)', 'Drawing App')
    bg_color[2] = cv2.getTrackbarPos('B (BG)', 'Drawing App')
    # Refresh entire canvas with new background color
    canvas[:] = bg_color

def update_radius(x):
    global draw_radius
    draw_radius = cv2.getTrackbarPos('Radius', 'Drawing App')

def toggle_draw(x):
    global draw_enabled
    draw_enabled = cv2.getTrackbarPos('Draw Toggle', 'Drawing App')

def mouse_callback(event, x, y, flags, param):
    global canvas, draw_color, draw_radius, draw_enabled
    # Draw circles on mouse move only if drawing is enabled
    if event == cv2.EVENT_MOUSEMOVE and draw_enabled == 1:
        # OpenCV uses BGR format, so reverse our RGB color tuple
        cv2.circle(canvas, (x, y), draw_radius, tuple(reversed(draw_color)), -1)
    # Optional: Add left-click to draw single circles too
    elif event == cv2.EVENT_LBUTTONDOWN:
        cv2.circle(canvas, (x, y), draw_radius, tuple(reversed(draw_color)), -1)

# Create main application window
cv2.namedWindow('Drawing App')

# Add trackbars for drawing color
cv2.createTrackbar('R (Draw)', 'Drawing App', 0, 255, update_draw_color)
cv2.createTrackbar('G (Draw)', 'Drawing App', 0, 255, update_draw_color)
cv2.createTrackbar('B (Draw)', 'Drawing App', 0, 255, update_draw_color)

# Add trackbars for background color
cv2.createTrackbar('R (BG)', 'Drawing App', 255, 255, update_bg_color)
cv2.createTrackbar('G (BG)', 'Drawing App', 255, 255, update_bg_color)
cv2.createTrackbar('B (BG)', 'Drawing App', 255, 255, update_bg_color)

# Add radius and drawing toggle trackbars
cv2.createTrackbar('Radius', 'Drawing App', 5, 50, update_radius)
cv2.createTrackbar('Draw Toggle', 'Drawing App', 0, 1, toggle_draw)

# Bind mouse event callback to the window (critical for EVENT_MOUSEMOVE!)
cv2.setMouseCallback('Drawing App', mouse_callback)

# Main app loop
while True:
    cv2.imshow('Drawing App', canvas)
    # Exit app when 'q' is pressed
    if cv2.waitKey(1) & 0xFF == ord('q'):
        break

# Clean up windows when done
cv2.destroyAllWindows()

Key Fixes & Explanations #

1. Fixing EVENT_MOUSEMOVE #

• Callback Binding: We explicitly link the mouse event handler to the window with cv2.setMouseCallback('Drawing App', mouse_callback) — this is the most common missing step if the move event isn't firing.
• Toggle Logic: The move event only triggers drawing when draw_enabled is set to 1, so you won't draw accidentally when the toggle is off.
• Color Format Fix: OpenCV uses BGR instead of RGB, so we reverse our draw_color list to get the correct color output.

2. Adding Background Color Control #

• Dedicated Trackbars: We added three separate trackbars for background color, so you can adjust it independently of your drawing color.
• Canvas Refresh: When background sliders are adjusted, we overwrite the entire canvas with the new color to instantly update the background.

3. Quality-of-Life Improvements #

• Global State: All trackbar values are stored in global variables, making them accessible to both trackbar callbacks and the mouse event handler.
• Real-Time Updates: The main loop continuously refreshes the window, so all changes (drawings, background color, radius) show up instantly.

With this code, you can:

• Adjust your drawing color with the R/G/B (Draw) sliders
• Tweak the background color with R/G/B (BG) sliders
• Toggle drawing on/off with the Draw Toggle slider
• Change the size of your drawing circles
• Draw by moving your mouse (when toggle is on) or clicking the left mouse button

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