Tkinter窗口缩放时如何等比例调整Canvas图形并居中宠物

• 第一步：重构部件存储逻辑
  不要硬编码宠物各部件的固定像素坐标，统一基于你最初设计的宠物基准尺寸，把所有坐标换算成归一化比例值存储。比如你最初设计的宠物占位尺寸是宽ORIGINAL_W、高ORIGINAL_H，对应固定宽高比ASPECT_RATIO = ORIGINAL_W / ORIGINAL_H，每个部件的坐标都换算成占基准宽、高的比例，比如身体椭圆左上角坐标占基准宽10%、基准高20%，就存(0.1, 0.2)，后续所有缩放都基于比例计算，从根源上避免拉伸。
• 第二步：缩放尺寸+居中偏移计算公式
  给Canvas绑定<Configure>事件，每次窗口尺寸变化触发重绘时，按以下逻辑计算参数：
  1. 获取当前Canvas的实际可用宽curr_w、实际可用高curr_h，计算当前窗口宽高比curr_ratio = curr_w / curr_h
  2. 等比缩放后的实际渲染尺寸规则：
     • 当窗口比原始设计更宽（curr_ratio > ASPECT_RATIO）：以窗口高度为缩放基准，渲染高度等于窗口高度render_h = curr_h，渲染宽度render_w = render_h * ASPECT_RATIO，左右自动留边
     • 当窗口比原始设计更窄（curr_ratio < ASPECT_RATIO）：以窗口宽度为缩放基准，渲染宽度等于窗口宽度render_w = curr_w，渲染高度render_h = render_w / ASPECT_RATIO，上下自动留边
  3. 居中偏移量计算：水平偏移offset_x = (curr_w - render_w) / 2，垂直偏移offset_y = (curr_h - render_h) / 2，所有部件的最终渲染像素坐标 = 部件比例值 * 对应渲染宽/高 + 对应方向偏移量
• 第三步：稳定重绘逻辑
  每次重绘前先用canvas.delete("all")清空画布上的旧元素，不要叠加绘制，也不要依赖Canvas自带的scale()方法做元素变换——该方法会累计坐标误差，长期运行容易出现偏移、变形问题，矢量图形逐帧重绘的性能开销完全可以忽略。

最小可运行参考代码 #

import tkinter as tk

# 原始设计基准参数，可根据你自己的宠物设计修改
ORIGINAL_W = 300
ORIGINAL_H = 400
ASPECT_RATIO = ORIGINAL_W / ORIGINAL_H

# 宠物部件存储：按(形状类型, 坐标比例参数..., 样式参数)格式存
pet_parts = [
    ("oval", 0.1, 0.2, 0.9, 0.9, "#f2c98a"),  # 身体
    ("oval", 0.22, 0.33, 0.46, 0.51, "white"), # 左眼白
    ("oval", 0.31, 0.39, 0.39, 0.47, "black"), # 左瞳孔
    ("oval", 0.54, 0.33, 0.78, 0.51, "white"), # 右眼白
    ("oval", 0.61, 0.39, 0.69, 0.47, "black"), # 右瞳孔
    ("line", 0.35, 0.62, 0.5, 0.7, 0.65, 0.62, "black"), # 嘴巴
    ("polygon", 0.12, 0.22, 0.2, 0.1, 0.28, 0.22, "#d9a760"), # 左耳朵
    ("polygon", 0.72, 0.22, 0.8, 0.1, 0.88, 0.22, "#d9a760"), # 右耳朵
]

def render_pet(canvas):
    canvas.delete("all")
    curr_w = canvas.winfo_width()
    curr_h = canvas.winfo_height()
    # 窗口最小化时跳过渲染
    if curr_w <= 1 or curr_h <= 1:
        return

    # 计算等比渲染尺寸
    curr_ratio = curr_w / curr_h
    if curr_ratio > ASPECT_RATIO:
        render_h = curr_h
        render_w = render_h * ASPECT_RATIO
    else:
        render_w = curr_w
        render_h = render_w / ASPECT_RATIO

    # 计算居中偏移
    ox = (curr_w - render_w) / 2
    oy = (curr_h - render_h) / 2

    # 逐个绘制部件
    for part in pet_parts:
        shape = part[0]
        if shape == "oval":
            _, x1r, y1r, x2r, y2r, fill = part
            canvas.create_oval(
                x1r*render_w + ox, y1r*render_h + oy,
                x2r*render_w + ox, y2r*render_h + oy,
                fill=fill, width=2
            )
        elif shape == "line":
            _, x1r, y1r, x2r, y2r, x3r, y3r, fill = part
            canvas.create_line(
                x1r*render_w + ox, y1r*render_h + oy,
                x2r*render_w + ox, y2r*render_h + oy,
                x3r*render_w + ox, y3r*render_h + oy,
                width=3, fill=fill, smooth=True
            )
        elif shape == "polygon":
            _, x1r, y1r, x2r, y2r, x3r, y3r, fill = part
            canvas.create_polygon(
                x1r*render_w + ox, y1r*render_h + oy,
                x2r*render_w + ox, y2r*render_h + oy,
                x3r*render_w + ox, y3r*render_h + oy,
                fill=fill, width=2, outline="black"
            )

if __name__ == "__main__":
    root = tk.Tk()
    root.geometry("300x400")
    canvas = tk.Canvas(root, bg="#e8f4f8", highlightthickness=0)
    canvas.pack(fill=tk.BOTH, expand=True)
    canvas.bind("<Configure>", lambda e: render_pet(canvas))
    root.mainloop()

注意：如果你的宠物有动画效果（比如眨眼、跳动），只需要修改对应部件的比例参数，再调用重绘函数即可，缩放和居中逻辑不需要改动。

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