如何获取缩放与拖拽后Tkinter Canvas的相对位置？

问题核心 #

拖拽操作的坐标偏移可以通过canvasx()/canvasy()正确处理，但叠加缩放后，这两个方法无法自动适配缩放变换，导致坐标计算出现误差，且多次缩放后误差累积。原因是Tkinter Canvas的scale()操作是对元素进行累积缩放，但canvasx()仅考虑了画布的滚动偏移，未纳入缩放因子的影响。

解决方案 #

手动维护全局缩放因子，在坐标转换和缩放操作中结合该因子修正计算逻辑：

1. 添加全局缩放变量：记录当前画布的累积缩放倍数，初始值设为1.0。
2. 修正缩放逻辑：缩放时基于当前屏幕坐标转换为真实画布坐标（结合缩放因子）作为原点，缩放后更新缩放因子。
3. 修正坐标转换：将屏幕坐标转换为画布坐标时，需将canvasx()/canvasy()的结果除以缩放因子，得到真实的画布相对坐标。
4. 调整滚动区域：计算scrollregion时结合缩放因子，避免因缩放导致的滚动区域偏移错误。

修改后的完整代码 #

import tkinter as tk

root = tk.Tk()
root.geometry("1000x500")

c = tk.Canvas(root, width=1000, height=1000, bg="white")
scaling_factor = 1.0  # 全局缩放因子

def callback(event):
    # 修正坐标转换：canvasx结果除以缩放因子得到真实画布坐标
    canvas_x = c.canvasx(event.x) / scaling_factor
    canvas_y = c.canvasy(event.y) / scaling_factor
    print(f"真实画布坐标: ({canvas_x:.2f}, {canvas_y:.2f})")

def create_grid(event=None):
    w = c.winfo_reqwidth()
    h = c.winfo_reqheight()
    c.delete('grid_line')

    # 网格线创建适配缩放，保证视觉间距始终为25像素
    grid_step = 25 / scaling_factor
    for i in range(0, int(w * scaling_factor), 25):
        c.create_line([(i/scaling_factor, 0), (i/scaling_factor, h)], tag='grid_line')
    for i in range(0, int(h * scaling_factor), 25):
        c.create_line([(0, i/scaling_factor), (w, i/scaling_factor)], tag='grid_line')

def move_start(event):
    c.scan_mark(event.x, event.y)

def move_move(event):
    c.scan_dragto(event.x, event.y, gain=1)

def zoomer(event):
    global scaling_factor
    # 先将屏幕坐标转换为未缩放的真实画布坐标
    origin_x = c.canvasx(event.x) / scaling_factor
    origin_y = c.canvasy(event.y) / scaling_factor

    # 确定缩放增量
    scale = 1.1 if event.delta > 0 else 0.9

    # 基于真实画布坐标执行缩放
    c.scale("all", origin_x, origin_y, scale, scale)
    scaling_factor *= scale  # 更新累积缩放因子

    # 修正滚动区域计算
    bbox = c.bbox("all")
    if bbox:
        c.configure(scrollregion=(-150/scaling_factor, -150/scaling_factor,
                                 bbox[2]*1.5/scaling_factor, bbox[3]*1.5/scaling_factor))

c.bind("<Configure>", create_grid)
c.bind("<ButtonPress-2>", move_start)
c.bind("<B2-Motion>", move_move)
c.bind("<MouseWheel>", zoomer)
c.bind("<Button-3>", callback)
c.pack(fill=tk.BOTH, expand=True)

root.mainloop()

关键修改点说明 #

• 缩放因子跟踪：用scaling_factor记录累积缩放倍数，每次缩放后同步更新。
• 坐标转换修正：通过c.canvasx(event.x)/scaling_factor抵消缩放对坐标的影响，得到真实的画布相对位置。
• 缩放原点修正：缩放前先将屏幕坐标转换为未缩放的画布坐标，以此为原点执行缩放，避免原点偏移导致的累积误差。
• 网格适配：创建网格时基于缩放因子调整绘制步长，保证网格的视觉间距始终保持25像素，不受缩放操作影响。

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