You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让Tkinter中绘制的星形显示在背景图片上方?

解决Tkinter中星形分形显示在背景图片下方的问题

问题原因

你遇到的问题源于背景使用独立Label组件实现,而星形在另一个Canvas组件中,Tkinter的组件堆叠顺序导致Canvas被Label遮挡。此外代码中还存在多余的窗口创建(master = tk.Tk()),会生成无用的空窗口。

修复方案

最可靠的方式是将背景图片直接绘制到Canvas上,让星形作为Canvas内的元素,通过绘制顺序保证星形在背景上方。修改后的代码如下:

from tkinter import *
from PIL import ImageTk, Image  

app = Tk()
app.title("Welcome")
canvas_width = 800
canvas_height = 800
app.geometry(f"{canvas_width}x{canvas_height}")

# 加载并调整背景图片尺寸以适配画布
img = Image.open('C:\\Users\\Stefa\\Downloads\\galaxy.jpeg')
img = img.resize((canvas_width, canvas_height), Image.Resampling.LANCZOS)
bg = ImageTk.PhotoImage(img)

# 创建画布并设置为窗口主容器
can_widgt = Canvas(app, width=canvas_width, height=canvas_height)
can_widgt.pack()

# 在画布上绘制背景(锚点设为NW确保从左上角开始)
can_widgt.create_image(0, 0, image=bg, anchor=NW)

# 添加标题标签
label2 = Label(app, text="WELCOME TO OUR GALAXY", font=("Times New Roman", 24))
label2.pack(pady=50)

# 绘制星形(此时星形在背景之上)
points = [200,20,80,396,380,156,20,156,320,396]
can_widgt.create_polygon(points, outline='red', fill='cyan', width=6)

# 保留图片引用,防止被垃圾回收销毁
app.bg = bg

app.mainloop()

关键修改说明

  • 移除多余窗口创建:删掉master = tk.Tk(),避免生成不必要的空窗口。
  • 背景与星形同Canvas:将背景图片绘制到Canvas内,Canvas内的元素按绘制顺序堆叠,先画背景再画星形,星形自然处于上层。
  • 图片尺寸适配:使用resize方法将背景图片调整为画布大小,避免图片显示不全。
  • 保留图片引用:将bg赋值给app.bg,防止Python垃圾回收机制回收图片对象导致背景消失。

备选方案(不推荐)

如果坚持用Label做背景,可以在创建Canvas并pack后调用can_widgt.lift()方法,强制将Canvas提升到Label上方,但这种方式在复杂布局下可能出现层级混乱,不如同Canvas方案稳定:

# 在创建Canvas并pack后添加
can_widgt.lift()

内容的提问来源于stack exchange,提问作者asteia apo seires

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 05:39:54