如何用OpenCV在Python中绘制完美直线？拖拽绘图多线问题

我懂你现在的困扰——本来想拖拽鼠标画出一条干净的直线，结果画布上却堆了一堆重叠的线条，看着乱糟糟的对吧？咱们来看看问题出在哪，再把它搞定！

问题根源 #

你当前的代码在鼠标移动（EVENT_MOUSEMOVE）事件里，每次检测到拖拽状态时，都会直接在原始画布img1上画一条从起点到当前鼠标位置的直线。这就导致你拖拽过程中每移动一像素，就多画一条线，最终叠加成了一堆乱线。

解决方案思路 #

我们需要把最终画布和临时预览画布分开：

• 用一个画布img来保存最终画好的线条
• 用另一个临时画布temp_img，每次鼠标移动时，先复制img的内容，再在这个临时画布上画当前拖拽的预览线，这样预览时只会显示当前的那条线，不会污染最终画布
• 当鼠标松开（EVENT_LBUTTONUP）时，再把最终的直线画到img上

修改后的代码 #

import cv2
import numpy as np

drawing = False
x1, y1 = -1, -1

def draw_shape(event, x, y, flag, parm):
    global x1, y1, drawing, img, temp_img
    if event == cv2.EVENT_LBUTTONDOWN:
        drawing = True
        x1, y1 = x, y
    elif event == cv2.EVENT_MOUSEMOVE:
        if drawing:
            # 每次移动时，先把临时画布重置为最终画布的副本
            temp_img = img.copy()
            # 在临时画布上画当前预览的直线
            cv2.line(temp_img, (x1, y1), (x, y), (0, 0, 255), 2)
    elif event == cv2.EVENT_LBUTTONUP:
        drawing = False
        # 鼠标松开后，把最终的直线画到正式画布上
        cv2.line(img, (x1, y1), (x, y), (0, 0, 255), 2)
        # 临时画布也同步更新
        temp_img = img.copy()

# 初始化最终画布和临时画布
img = np.zeros((512, 512, 3), np.uint8)
temp_img = img.copy()

cv2.namedWindow('Draw')
cv2.setMouseCallback('Draw', draw_shape)

while(True):
    # 显示临时画布，这样预览时只会看到当前的拖拽线
    cv2.imshow('Draw', temp_img)
    k = cv2.waitKey(1) & 0xFF
    if k == 27:
        break

cv2.destroyAllWindows()

关键修改点说明 #

• 新增了temp_img作为临时预览画布，每次鼠标移动都从img复制最新状态，再画预览线，这样不会在最终画布上留下中间痕迹
• 鼠标按下时只记录起点，不再提前画线
• 鼠标松开时才把最终直线画到img上，同时更新临时画布
• 循环里显示的是temp_img，让你看到的始终是干净的预览效果

这样操作的时候，拖拽过程中只会看到一条跟随鼠标的预览线，松开鼠标后这条线就固定在画布上啦，再也不会出现一堆乱线的问题～

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