Tkinter Canvas矩形尺寸随行列变化异常，如何修复？

问题原因 #

• Rectangle函数坐标逻辑错误：blockCoords返回的是网格块的中心坐标，但你用x//2, y//2, x*2, y*2来确定矩形边界，这会让矩形的宽高随行列坐标增大而线性放大（比如第15列的x是1520+10=310，x2就是620，x//2是155，宽为620-155=465，远大于20的块宽度），完全偏离了固定尺寸的网格块要求。
• main函数循环范围错误：用range(canwidth)和range(canheight)循环行和列，会生成1200行×800列的无效网格（实际只能容纳20行×60列），不仅浪费资源，还会导致states列表异常庞大。
• blockCoords索引计算不合理：i = row+col会导致不同(row,col)对应相同索引，无法唯一标识网格块。

修复方案 #

1. 修正Rectangle函数的坐标计算 #

方案一：基于中心坐标反推正确边界

保留blockCoords的中心坐标逻辑，在Rectangle中从中心计算块的左上角和右下角：

def Rectangle(row,col,color="#FFFFFF",outline="gray"):
    """填充指定网格块为指定颜色"""
    global blockwidth, blockheight, canvas
    x_center, y_center, i = blockCoords(row,col)
    # 从中心坐标计算块的四个边界
    x1 = x_center - blockwidth // 2
    y1 = y_center - blockheight // 2
    x2 = x_center + blockwidth // 2
    y2 = y_center + blockheight // 2
    canvas.create_rectangle(x1, y1, x2, y2, fill=color,outline=outline)

方案二：修改blockCoords返回左上角坐标（更直接）

让blockCoords直接返回网格块的左上角坐标，简化Rectangle的逻辑：

def blockCoords(row, col):
    """获取指定网格块的左上角坐标及唯一索引"""
    global blockwidth, blockheight, canwidth, canheight
    row -= 1
    col -= 1
    x = col * blockwidth  # 块左上角x坐标
    y = row * blockheight # 块左上角y坐标
    cols_total = canwidth // blockwidth
    i = row * cols_total + col  # 唯一索引，避免重复
    return x, y, i

对应的Rectangle函数修改为：

def Rectangle(row,col,color="#FFFFFF",outline="gray"):
    """填充指定网格块为指定颜色"""
    global blockwidth, blockheight, canvas
    x1, y1, i = blockCoords(row,col)
    x2 = x1 + blockwidth
    y2 = y1 + blockheight
    canvas.create_rectangle(x1, y1, x2, y2, fill=color,outline=outline)

2. 修正main函数的循环范围 #

将循环范围改为实际的网格行数和列数，避免无效绘制：

def main():
    """初始化窗口及网格"""
    global win, canvas, canwidth, canheight, blockwidth, blockheight
    cols = canwidth // blockwidth
    rows = canheight // blockheight
    # 循环实际的行数和列数
    for row in range(rows):
        for col in range(cols):
            states.append("")
            x1 = col * blockwidth
            y1 = row * blockheight
            x2 = x1 + blockwidth
            y2 = y1 + blockheight
            canvas.create_rectangle(x1, y1, x2, y2, outline="gray") # 调试用网格
    Rectangle(10,15)

3. 补充：调用main函数 #

别忘了在代码末尾添加执行逻辑，否则初始化代码不会运行：

if __name__ == "__main__":
    main()
    win.mainloop()

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