Tkinter Canvas绘制垂直直线与拖拽功能问题求助

以下是针对你需求优化后的完整代码，附带问题解决说明：

from tkinter import *
import tkinter

root = Tk()             

canvas = tkinter.Canvas(root, width=480, height=600) 
canvas.pack()

all_lines = []  # 存储所有已绘制直线的ID
current_dragging_line = None
drag_start_x = 0
drag_start_y = 0

def draw_lines():
    global current_dragging_line
    # 绘制垂直直线，返回直线ID并存储
    line_id = canvas.create_line(300, 35, 300, 200, dash=(4, 2))
    all_lines.append(line_id)
    current_dragging_line = line_id  # 将最新直线设为可拖拽对象

def on_mouse_press(event):
    global current_dragging_line, drag_start_x, drag_start_y
    # 检测点击对象是否为最新直线
    target_item = canvas.find_closest(event.x, event.y)
    if target_item and target_item[0] == current_dragging_line:
        current_dragging_line = target_item[0]
        # 记录鼠标按下时的初始位置
        drag_start_x = event.x
        drag_start_y = event.y

def on_drag(event):
    global current_dragging_line, drag_start_x, drag_start_y
    if current_dragging_line is not None:
        # 计算鼠标移动偏移量
        delta_x = event.x - drag_start_x
        delta_y = event.y - drag_start_y
        # 获取直线当前坐标并更新，保持垂直属性
        x1, y1, x2, y2 = canvas.coords(current_dragging_line)
        new_x = x1 + delta_x
        new_y1 = y1 + delta_y
        new_y2 = y2 + delta_y
        canvas.coords(current_dragging_line, new_x, new_y1, new_x, new_y2)
        # 更新拖拽起始点，确保连续移动的准确性
        drag_start_x = event.x
        drag_start_y = event.y

def on_mouse_release(event):
    global current_dragging_line
    current_dragging_line = None

# 绑定鼠标事件
canvas.bind("<ButtonPress-1>", on_mouse_press)
canvas.bind("<B1-Motion>", on_drag)
canvas.bind("<ButtonRelease-1>", on_mouse_release)

# 功能按钮
btn1 = Button(root, text='line', bd='5', command=draw_lines)
btn2 = Button(root, text='Close', bd='5', command=root.destroy)
btn_get_coords = Button(root, text='Get All Coords', bd='5', command=lambda: print(get_all_lines_coords()))

btn1.pack(side='top')   
btn2.pack(side='top')
btn_get_coords.pack(side='top')

# 获取所有直线坐标的函数
def get_all_lines_coords():
    coords_list = []
    for line_id in all_lines:
        coords_list.append(canvas.coords(line_id))
    return coords_list

root.mainloop()

问题解决说明 #

1. 拖拽直线偏离鼠标光标问题 #

• 原代码误用place方法（该方法用于组件布局，不适用于Canvas图形），改为通过canvas.coords()直接更新直线坐标。
• 拖拽时计算鼠标移动的偏移量，同步更新直线两个端点的位置，同时保持垂直属性（x坐标一致），确保直线始终跟随鼠标移动。

2. 每次点击绘制新直线且原有保留 #

• 使用列表all_lines存储所有直线ID，每次调用draw_lines时，新直线ID会被追加到列表中，Canvas会自动保留所有已绘制图形。

3. 仅最新绘制的直线可拖拽 #

• 用current_dragging_line变量记录最新直线ID，鼠标按下时通过canvas.find_closest()检测点击对象，只有最新直线才会触发拖拽逻辑，旧直线无法被拖拽。

4. 获取所有已绘制直线的坐标 #

• 定义get_all_lines_coords函数，遍历all_lines中的每个直线ID，调用canvas.coords(line_id)获取对应直线的端点坐标（格式为[x1, y1, x2, y2]），返回所有坐标的列表。示例中添加的“Get All Coords”按钮可直接打印坐标。

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