python GUI　画像切り出し

前提・実現したいこと

pythonにて任意の画像をCanvas内にグレースケールで表示させ、その画像の左上座標（20, 20, 70, 70)を50×50で切り出して、別に用意したCanvas2に2倍に拡大して表示させたい。
しかし、コードを実行すると切り出した画像では無く、元画像が表示されている様子。
初心者で理解が浅く申し訳ありませんがご教授下さい。

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

該当のソースコード

python

#ライブラリを取り込む
import tkinter as tk
from tkinter import filedialog
import cv2
from PIL import Image, ImageTk
import os
import matplotlib.pyplot as plt




#ウインドウを作成
win = tk.Tk()
win.title("FLIRカメラチルト確認")#タイトル
win.geometry("800x500")#サイズ

#パーツを配置
#ラベル1を作成
label1 = tk.Label(text='■画像読込')
label1.place(x=10, y=10)
#ラベル2を作成
label2 = tk.Label(text='ファイル名：')
label2.place(x=10, y=40)
#ファイルパスの表示欄を作成
input_box1 = tk.Entry(width=75, bd=4)
input_box1.place(x=80, y=40)

img = None #初期化

#参照ボタンの動作 
def file_select():
    #ファイルパスを表示欄に表示
    idir = r'C:\descktop'
    filetype = [("すべて","*")]
    filepath = tk.filedialog.askopenfilename(filetypes = filetype, initialdir = idir)
    input_box1.delete(0, tk.END)
    input_box1.insert(0, filepath)
    #選択したファイルを表示
    if filepath and os.path.isfile(filepath):
        #PILで開きグレースケールに変換
        global img #グローバル宣言
        img = Image.open(filepath).convert("L")
        image = ImageTk.PhotoImage(image=img)
        #画像の情報を取得
        h, w = img.size[:]
        #画像リサイズ
        image = ImageTk.PhotoImage(img.resize((int(h/10),int(w/10))))
        
        #表示位置調整
        cv.image = image
        cv.create_image(image.width()/2, image.height()/2, image=image) 

#範囲表示ボタンの動作
def button3_click():
    cv.create_rectangle([(20, 20), (70, 70)], outline = "red")#左上

#切り出しボタンの動作
def button4_click():
    if img is not None: #値の確認
        cropped_img = img.crop((20, 20, 70, 70))
        #画像の情報を取得
        h, w = cropped_img.size[:]
        #画像リサイズ
        cropped_img = ImageTk.PhotoImage(img.resize((int(h*2),int(w*2))))
        
        #表示位置調整
        cv2.image = cropped_img
        cv2.create_image(cropped_img.width()/2, cropped_img.height()/2, image=cropped_img) 
        
            

#Canvasの作成（メイン画像）
cv = tk.Canvas(win, width=409, height=300, bg="white",)
cv.place(x=10, y=70)

#切り抜いた画像の表示
#ラベル3を作成(左上画像)
label3 = tk.Label(text='●左上画像')
label3.place(x=450, y=110)

#Canvasの作成（左上画像）
cv2 = tk.Canvas(win, width=100, height=100, bg="white",)
cv2.place(x=450, y=130)

#ラベル4を作成(右上画像)
label4 = tk.Label(text='●右上画像')
label4.place(x=630, y=110)

#Canvasの作成（右上画像）
cv3 = tk.Canvas(win, width=100, height=100, bg="white",)
cv3.place(x=630, y=130)

#参照ボタン1を作成
button1 = tk.Button(text="参照", command=file_select, width=8, bd=4)
button1.place(x=630, y=35)

#閉じるボタンを作成
button2 = tk.Button(text="閉じる", command=win.destroy, width=8, bd=4)
button2.place(x=730, y=35)

#切り出し範囲表示ボタンを作成
button3 = tk.Button(text="範囲表示", command=button3_click, width=10, bd=4)
button3.place(x=450, y=70)

#切り出し動作ボタンを作成
button4 = tk.Button(text="切り出し", command=button4_click, width=10, bd=4)
button4.place(x=540, y=70)






#GUIをそのまま表示
win.mainloop()

試したこと

ここに問題に対して試したことを記載してください。

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

python3.6.1
opencv-python4.2.0.34
Pillow7.1.1
windows8

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

回答1件

ベストアンサー

#切り出しボタンの動作
def button4_click():
    clipped = image[180, 125, 230, 175]#矩形と同じサイズで切り出し
    #画像の情報を取得
    h, w = img.size[:]
    #画像リサイズ
    image = ImageTk.PhotoImage(img.resize((int(h*2),int(w*2))))

UnboundLocalError: local variable 'image' referenced before assignment

問題の原因とエラーの内容:
image は画像リサイズの所で代入されますが、
定義の前にローカル変数のimageを参照しています。

他の処理の流れは追ってませんが、

期待するものは img[180, 125, 230, 175] ではありませんか？
他の場所(file_select)で代入した img や image 変数を参照したい場合は、
グローバル変数にする等の工夫が必要になります。

グローバル変数にするとしても、
file_selectの前にbutton4_clickを呼んでも
変数が定義されておらずエラーになる事には注意してください。
変数の初期化と値のチェックが必要です。

具体的には、

ファイルの先頭の方で変数 img, image に None 等を代入しておく
関数内でグローバル変数に代入する場合は、global 宣言をする
グローバル変数を参照する際、事前に、値がNoneでないかを確認する。

python
1img = None # 初期化
2
3def file_select():
4    global img # グローバル宣言
5    img = Image.open(...)
6
7def button4_click():
8    if img is not None:  # 値の確認
9        w, h = img.size[:]

投稿2020/05/13 07:29

teamikl

総合スコア8760

tomo754

2020/05/14 00:57

teamiklさん、回答を有難う御座います。色々変更が必要そうでコードを修正している所です。もう少し自身の勉強も兼ねて頑張ってみます。

teamikl

2020/05/14 03:02

コードは動かしていなかったのですが、今回のエラーに関しては、回答の末尾に書いた３つが要点です。 ** 関数内で代入している変数は、その関数内でのみ有効なローカル変数 **なので、別関数から参照するにはグローバル宣言が必要です。＞エラー原因と変数 img, image 他にも気になる点が。__init__やbutton1_clickedは未使用ですよね？ "self" と書かれてるので、元々はクラスの一部だったコードだったのでしょうか。

tomo754

2020/05/14 05:28

ご指摘の通り__int__及びbutton1_clickedはサンプルコードから引っ張ってきたものなので不要でした。現在はコードを修正して別のCanvasに表示は出来るのですが切り取った画像では無く、元画像が表示されている状態です。お時間御座いましたらご教授頂ければ助かります。

teamikl

2020/05/14 06:46

気になってた点2、(まだ全貌を把握してませんが、部分的な返信です) import cv2 してますが、変数cv2 にキャンバスが代入されてます。これではライブラリが使えないので、キャンバスの変数名を変えた方が良さそうです。cv -> canvas 等。画像の問題は、create_image の前に delete で前の画像を削除して見て下さい。 create_image の時にtag を付けるとdelete でそのタグで生成したものを削除できます。参考: https://qiita.com/nnahito/items/2ab3ad0f3adacc3314e6

tomo754

2020/05/14 23:18

教えて頂いた箇所修正し思い通りの動作をさせる事が出来ました。大変助かりました。

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