如何将Tkinter画布内容保存为PNG？含布局问题与代码求助

一、解决窗口内容保存为PNG的问题 #

原方案依赖Ghostscript转EPS为PNG，易出现路径依赖问题。改用PIL.ImageGrab直接捕获窗口/画布区域，无需额外依赖，能完整保存所有界面元素，还支持自定义图片质量。

替换后的完整可运行代码：

import tkinter as tk
from matplotlib import pyplot as plt
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg
from PIL import ImageGrab

# 保存窗口内容为PNG图片
def save():
    fileName = "Image"
    # 捕获整个窗口区域（包含按钮）
    x = root.winfo_rootx()
    y = root.winfo_rooty()
    width = root.winfo_width()
    height = root.winfo_height()
    
    # 如果只需要保存Canvas内的内容（不含按钮），替换为以下4行：
    # x = canvas.winfo_rootx()
    # y = canvas.winfo_rooty()
    # width = canvas.winfo_width()
    # height = canvas.winfo_height()
    
    img = ImageGrab.grab(bbox=(x, y, x+width, y+height))
    # 保存为PNG，quality参数范围1-95，数值越高质量越好
    img.save(f"{fileName}.png", "PNG", quality=95)

# 数据部分
cols = 2
x1, x2, x3, x4 = [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]
y1, y2, y3, y4 = [1, 2, 3], [1, 2, 1], [3, 2, 1], [3, 2, 3]

root = tk.Tk()
canvas = tk.Canvas(root, background="grey")
row_title = tk.Label(canvas, text="rows", font=("Arial 24 bold"), background="grey")
column_title = tk.Label(canvas, text="columns", font=("Arial 24 bold"), background="grey")

# 调整图表布局，减少顶部空白
fig = plt.Figure(figsize=(5, 5))
fig.set_facecolor("grey")
# 缩小图表顶部空白，拉近与列标题的距离
fig.subplots_adjust(top=0.85)

plot1 = fig.add_subplot(221)
plot1.scatter(x1, y1)
plot2 = fig.add_subplot(222)
plot2.scatter(x2, y2)
plot3 = fig.add_subplot(223)
plot3.scatter(x3, y3)
plot4 = fig.add_subplot(224)
plot4.scatter(x4, y4)

chart1 = FigureCanvasTkAgg(fig, canvas)
chart1.get_tk_widget().grid(row=1, column=1, pady=(0, 5))

button = tk.Button(text="Save", command=save)

canvas.grid(row=0, column=0)
row_title.grid(row=1, column=0, rowspan=2, padx=5, pady=5)
column_title.grid(row=0, column=1, columnspan=2, pady=(5, 0))
button.grid(row=2, column=0)

root.mainloop()

二、列标题与图表间距过大的原因及解决 #

原因： #

1. Matplotlib默认布局空白：Figure的subplots_adjust参数默认top=0.9，会在图表顶部预留较多空白区域，直观上拉远了与列标题的距离。
2. Grid布局默认行间距：列标题和图表组件分属Canvas的不同行，未手动调整行间距时，默认间距会进一步放大视觉距离。

解决措施： #

1. 通过fig.subplots_adjust(top=0.85)调整图表顶部空白（可根据需求修改top的数值，越小顶部空白越少）。
2. 在column_title.grid()中设置pady=(5, 0)，减少标题与下方图表的间距；在chart1.get_tk_widget().grid()中设置pady=(0, 5)，优化图表与下方元素的距离。

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