Pythonで画像を取り込み描画した結果、サイズが小さくなって表示される原因を知りたい

Question

Pythonを勉強し始めた初心者です。

画像を取り込んで表示させるサンプルコードを実行した所、
ウィンドウいっぱいに画像が表示される想定の処理で、
画像が縮小されて表示される結果になりました。

具体的には、
600x450のCanvasに、600x450のjpg画像を取り込んで描画した結果、
半分ほどのサイズに縮小され表示されました。

なぜこの実装で画像が縮小されるのかが分からずに詰まっています。
実装が誤っているのか、あるいはこの挙動で正常なのか、
教えて頂けますでしょうか。

該当のソースコード

import tkinter as tki
from PIL import ImageTk, Image

root = tki.Tk()
cv = tki.Canvas(root, width=600, height=450)
cv.pack()

filename = "photo.jpg"
img = Image.open(filename)
print("size={0}x{1}".format(img.width, img.height))

img_tk = ImageTk.PhotoImage(img)
cv.create_image(0, 0, image = img_tk)

root.mainloop()

###実行結果

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

Windows10(64bit)
Python3.6
Anaconda/Spider

Answer 1

「tkinter canvas create_image size show」でググるとTkinter canvas doesn't show entire photo image

-cv.create_image(0, 0, image=img_tk)
+cv.create_image(0, 0, image=img_tk, anchor=tki.NW)

Comments

[Natthy]

教えて頂いた内容で解決しました。
anchorの設定が無かった事が原因でした。
的確な回答を頂き、ありがとうございました。

Answer 2

おはようございます。

問題文読ませていただきました。

canvas Widgetを使った場合の、(0, 0)座標から画像を描画するデフォルト値が、画像の真ん中になっていることが原因ですね。

anchor optionを利用して、(0, 0)座標から画像を描画するデフォルト値を、左上へ設定してあげるとうまく行きます。

import tkinter as tki
from PIL import ImageTk, Image

# Windowを作成する。
root = tki.Tk()

# Windowを親要素として、canvas Widgetを作成する。
# width : 幅の設定
# height : 高さの設定
# Canvasについて : https://kuroro.blog/python/ANyM9WLpd0LSXRQAELOj/
cv = tki.Canvas(root, width=600, height=450)
# Windowを親要素として、canvas Widgetをどのように表示するのか？
# packについて : https://kuroro.blog/python/UuvLfIBIEaw98BzBZ3FJ/
cv.pack()

# ファイルパスを宣言
filename = "/path_to/xxx.xxx"
# 画像について : https://kuroro.blog/python/Z7k1LSyDyiDHtD5UCjmG/
# Tkinter 8.6以降でも、標準Tkinterではjpg対応できないため、PILを利用する。
# 公式ドキュメント(画像) : https://docs.python.org/ja/3/library/tkinter.html#images
# ファイルopenコマンドについて : https://carp.cc.it-hiroshima.ac.jp/~tateyama/Lecture/AppEx/PythonImagePIL.html
img = Image.open(filename)
# TkinterのWidgetで画像が扱える形へ変更する。
img_tk = ImageTk.PhotoImage(img)

# 第一引数 x座標 : 0
# 第二引数 y座標 : 0
# <option>
# image : 表示するimage情報
# anchor : 画像の配置を変更する。デフォルトで画像の真ん中を(0, 0)としているので、画像の左上を(0, 0)と変更する。
# NW : north westの略。
# 戻り値 : ID
# Canvasについて : https://kuroro.blog/python/ANyM9WLpd0LSXRQAELOj/
cv.create_image(0, 0, image=img_tk, anchor=tki.NW)

# Windowをループさせて、継続的にWindow表示させる。
# mainloopについて : https://kuroro.blog/python/DmJdUb50oAhmBteRa4fi/
root.mainloop()

ご確認のほど、よろしくお願いいたします。????‍♂️