Tkinter 複数の画像の表示

前提・実現したいこと

画像を複数表示させたいです。
トランプの１〜１１からランダムに３枚選んで表示させたいです。

発生している問題・エラーメッセージ

画像が最後の一つしか表示できません。

該当のソースコード

python
1import tkinter as tk
2import random
3import PIL
4from PIL import Image,ImageTk
5
6root = tk.Tk()
7root.geometry('600x600')
8
9x = 100
10card = [1,2,3,4,5,6,7,8,9,10,11]
11for i in range(3):
12    card_cho = random.choice(card)
13
14    img = Image.open('card/' + str(card_cho) + '.png')
15    img = img.resize((75,112),Image.ANTIALIAS)
16    img = ImageTk.PhotoImage(img)
17    canvas = tk.Canvas(bg = "purple", width=75, height=112)
18    canvas.place(x=x, y=350) 
19    canvas.create_image(3, 3, image=img, anchor=tk.NW)
20    x += 100
21
22root.mainloop()
23

補足情報（FW/ツールのバージョンなど）

python3.7.3のtkinter8.6を使っています。

行動規範の内容に同意します

回答1件

Image のインスタンスを保持している変数(img) がループで上書きされたことにより、ガベージコレクションが何処からも参照されていないImage のインスタンスを削除してしまう事が原因でしょう。

Imageのインスタンスをリスト等で保持することで解決するかと思います。

Python
1import tkinter as tk
2import random
3import PIL
4from PIL import Image,ImageTk
5
6root = tk.Tk()
7root.geometry('600x600')
8
9x = 100
10imgs = [] # Imageを保持するリストを追加
11card = [1,2,3,4,5,6,7,8,9,10,11]
12for i in range(3):
13    card_cho = random.choice(card)
14
15    img = Image.open('card/' + str(card_cho) + '.png')
16    img = img.resize((75,112),Image.ANTIALIAS)
17    img = ImageTk.PhotoImage(img)
18    imgs.append(img) # Imageをリストに追加
19    canvas = tk.Canvas(bg = "purple", width=75, height=112)
20    canvas.place(x=x, y=350) 
21    canvas.create_image(3, 3, image=img, anchor=tk.NW)
22    x += 100
23
24root.mainloop()