如何在 canvas Python Tkinter 中将图像居中
How to center a image in a canvas Python Tkinter
我正在做一个程序。这会获取图像并将其放入 canvas。所以它就像一个照片查看器。但我想在 canvas 小部件的中心获取图像。但它似乎进入了左上角。为什么要这样做?我怎样才能把它放在 canvas 小部件的中心?
代码:
from Tkinter import *
from PIL import ImageTk, Image
import os
class Application(Frame):
def __init__(self, parent):
Frame.__init__(self,parent)
self.pack(fill=BOTH, expand=True)
self.create_Menu()
self.create_widgets()
def create_Menu(self):
self.menuBar = Menu(self)
self.fileMenu = Menu(self.menuBar, tearoff=0)
self.fileMenu.add_command(label="Open", command=self.getImage)
self.fileMenu.add_separator()
self.fileMenu.add_command(label="Exit", command=self.exitProgram)
self.menuBar.add_cascade(label="File", menu=self.fileMenu)
root.config(menu=self.menuBar)
def create_widgets(self):
self.viewWindow = Canvas(self, bg="white")
self.viewWindow.pack(side=TOP, fill=BOTH, expand=True)
def getImage(self):
imageFile = Image.open("C:/Users/Public/Pictures/Sample Pictures/Desert.jpg")
imageFile = ImageTk.PhotoImage(imageFile)
self.viewWindow.image = imageFile
self.viewWindow.create_image(0, 0, anchor=CENTER, image=imageFile, tags="bg_img")
def exitProgram(self):
os._exit(0)
root = Tk()
root.title("Photo Zone")
root.wm_state('zoomed')
app = Application(root)
root.mainloop()
问题出在线路上
self.viewWindow.create_image(0, 0, anchor=CENTER, image=imageFile, tags="bg_img")
前两个参数,如此处解释:http://effbot.org/tkinterbook/canvas.htm,是图像的位置。原点在 canvas 的左上角。你的意思是
...(width/2, height/2, anchor=CENTER, ... )
您想要的通常几何意义上的原点位于 canvas 的中心,或其宽度的一半和高度的一半。
您似乎使用了 "anchor",就好像它指定了 canvas 上的位置一样。它没有。 "anchor" at center 表示图像的中心将放置在指定的坐标处。来自链接源 (effbot):
ANCHOR: Where to place the bitmap relative to the given position. Default is CENTER.
如果由于某种原因您不知道小部件的宽度和高度,请参阅 How to find out the current widget size in tkinter?。 tl;dr 是使用
canvas.winfo_width()
和
canvas.winfo_height()
我正在做一个程序。这会获取图像并将其放入 canvas。所以它就像一个照片查看器。但我想在 canvas 小部件的中心获取图像。但它似乎进入了左上角。为什么要这样做?我怎样才能把它放在 canvas 小部件的中心?
代码:
from Tkinter import *
from PIL import ImageTk, Image
import os
class Application(Frame):
def __init__(self, parent):
Frame.__init__(self,parent)
self.pack(fill=BOTH, expand=True)
self.create_Menu()
self.create_widgets()
def create_Menu(self):
self.menuBar = Menu(self)
self.fileMenu = Menu(self.menuBar, tearoff=0)
self.fileMenu.add_command(label="Open", command=self.getImage)
self.fileMenu.add_separator()
self.fileMenu.add_command(label="Exit", command=self.exitProgram)
self.menuBar.add_cascade(label="File", menu=self.fileMenu)
root.config(menu=self.menuBar)
def create_widgets(self):
self.viewWindow = Canvas(self, bg="white")
self.viewWindow.pack(side=TOP, fill=BOTH, expand=True)
def getImage(self):
imageFile = Image.open("C:/Users/Public/Pictures/Sample Pictures/Desert.jpg")
imageFile = ImageTk.PhotoImage(imageFile)
self.viewWindow.image = imageFile
self.viewWindow.create_image(0, 0, anchor=CENTER, image=imageFile, tags="bg_img")
def exitProgram(self):
os._exit(0)
root = Tk()
root.title("Photo Zone")
root.wm_state('zoomed')
app = Application(root)
root.mainloop()
问题出在线路上
self.viewWindow.create_image(0, 0, anchor=CENTER, image=imageFile, tags="bg_img")
前两个参数,如此处解释:http://effbot.org/tkinterbook/canvas.htm,是图像的位置。原点在 canvas 的左上角。你的意思是
...(width/2, height/2, anchor=CENTER, ... )
您想要的通常几何意义上的原点位于 canvas 的中心,或其宽度的一半和高度的一半。
您似乎使用了 "anchor",就好像它指定了 canvas 上的位置一样。它没有。 "anchor" at center 表示图像的中心将放置在指定的坐标处。来自链接源 (effbot):
ANCHOR: Where to place the bitmap relative to the given position. Default is CENTER.
如果由于某种原因您不知道小部件的宽度和高度,请参阅 How to find out the current widget size in tkinter?。 tl;dr 是使用
canvas.winfo_width()
和
canvas.winfo_height()