tkinter画像の位置変更

Question

画像の位置を指定の場所にしたいのですが表示されません

import tkinter as tk
from PIL import ImageTk, Image

class Application(tk.Frame):
    
    def __init__(self,master):
        super().__init__(master)
        self.pack()

        self.width=950
        self.height=500

        master.geometry(str(self.width)+"x"+str(self.height)) #ウィンドウの作成

        master.title("画像表示") #タイトル
        self.master.config(bg="#CCFFCC") #ウィンドウの背景色

        self.createWidgets() #ウィジェットの作成

    def createWidgets(self): #ウィジェットの作成
        # 画像読み込み
        read_image = Image.open('パス')

        # canvas作成
        self.test_canvas = tk.Canvas(self, width=read_image.width, height=read_image.height)
        self.test_canvas.place(x=100, y=50)  

        # canvasに画像を表示
        im = ImageTk.PhotoImage(image=read_image)
        self.test_canvas.photo = im
        self.test_canvas.create_image(0,0, anchor='nw', image=self.test_canvas.photo)
def main():
    win = tk.Tk()
    win.resizable(width=True, height=True)
    app = Application(master=win)
    app.mainloop()

if __name__ == "__main__":
    main()

↑だと画像が表示されません

        # canvas作成
        self.test_canvas = tk.Canvas(self, width=read_image.width, height=read_image.height)
        self.test_canvas.pack()

↑こちらのコードに変えると指定の画像は表示されるのですが表示する位置を変更することができません
(x=100, y=50) に画像を表示したいです

回答よろしくお願いします

Answer 1

単に画像の配置位置を (100, 50) にしたいのであれば

        # canvas作成
        #self.test_canvas = tk.Canvas(self, width=read_image.width, height=read_image.height)
        #self.test_canvas.place(x=100, y=50)  
        self.test_canvas = tk.Canvas(self, width=self.width, height=self.height)
        self.test_canvas.pack()

        # canvasに画像を表示
        im = ImageTk.PhotoImage(image=read_image)
        self.test_canvas.photo = im
        #self.test_canvas.create_image(0,0, anchor='nw', image=self.test_canvas.photo)
        self.test_canvas.create_image(100,50, anchor='nw', image=self.test_canvas.photo)

本当に canvas の配置位置を (100, 50) にしたいのであれば

        ...
        #self.createWidgets() #ウィジェットの作成
        self.createWidgets(master) #ウィジェットの作成
    #def createWidgets(self): #ウィジェットの作成
    def createWidgets(self, master): #ウィジェットの作成
        # 画像読み込み
        read_image = Image.open('パス')
        #self.test_canvas = tk.Canvas(self, width=read_image.width, height=read_image.height)
        self.test_canvas = tk.Canvas(master, width=read_image.width, height=read_image.height)
        self.test_canvas.place(x=100, y=50)

Comments

[cheese-]

大変分かりやすい回答ありがとうございました

Answer 2

place() でキャンバスを配置した場合、親ウィジェットのFrameにサイズが伝わらない為
キャンバスを配置する為のFrameのサイズが小さくなり、キャンバス自体が見えなくなっています。

レイアウトを伸縮可能にすることで解消できるはずです。
以下はpack()を使った例。コードは適切な場所に書いてください。

# フレームのレイアウト
self.pack(fill=tk.BOTH, expand=tk.YES)

# キャンバスのレイアウト
canvas.pack(fill=tk.BOTH, expand=tk.YES)

# 画像の配置位置
canvas.create_image(x座標, y座標, image=im)

もう一点、create_image の最初の引数が 0, 0 だと、画像の中心の座標が左上(0, 0)になり
画像の右下1/4 しか見えなくなってしまいます。

表示位置は、画像サイズから中心座標を求め、計算してください。
x, y = im.width()//2 + 100, im.height()//2 + 50

Comments

[cheese-]

分かりやすく説明して下さりありがとうございました