pythonでの画像編集（ガンマ変換)のスライダー利用

Question

前提

pythonでopencvを使用した画像編集用システムを作っています。
ガンマ変換を行う機能を実装中に以下のエラーメッセージが発生しました。
pythonを使用し始めたばかりのため不自然な部分も多いかと思いますがよろしくお願いいたします。

実現したいこと

ここに実現したいことを箇条書きで書いてください。
スライダーを使用し読み込んだ画像を、リアルタイムで編集されることを目的としております。

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

Exception in Tkinter callback
Traceback (most recent call last):
  File "C:\Users\wbnw\AppData\Local\Programs\Python\Python311\Lib\tkinter\__init__.py", line 1948, in __call__
    return self.func(*args)
           ^^^^^^^^^^^^^^^^
  File "c:\Users\wbnw\OneDrive\デスクトップ\works\name\Python\hello.py", line 78, in Gnm
    cvs2.create_image(0, 0, image=gim, anchor=tk.NW) 
  File "C:\Users\wbnw\AppData\Local\Programs\Python\Python311\Lib\tkinter\__init__.py", line 2846, in create_image
    return self._create('image', args, kw)
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "C:\Users\wbnw\AppData\Local\Programs\Python\Python311\Lib\tkinter\__init__.py", line 2832, in _create
    return self.tk.getint(self.tk.call(
                          ^^^^^^^^^^^^^
_tkinter.TclError: image "[[[209 215 201]
  [138 144 131]
  [ 90  96  86]
  ...
  [133 138 144]
  [133 137 144]
  [136 139 145]]

 [[217 223 209]
  [160 166 155]
  [ 97 102  94]
  ...
  [134 139 145]
  [133 137 144]
  [134 137 144]]

 [[217 223 212]
  [160 166 156]
  [101 106  99]
  ...
  [135 140 146]
  [134 138 144]
  [135 138 145]]

 ...

 [[218 218 230]
  [219 219 231]
  [220 220 232]
  ...
  [150 150 162]
  [151 151 164]
  [151 150 164]]

 [[217 217 229]
  [219 219 231]
  [221 221 233]
  ...
  [145 145 157]
  [147 147 160]
  [149 147 161]]

 [[217 217 229]
  [219 219 231]
  [221 221 233]
  ...
  [141 141 153]
  [144 144 159]
  [147 146 162]]]" doesn't exist

該当のソースコード

#ライブラリ
#========================================
import cv2
import tkinter as tk
from tkinter import filedialog
import numpy as np
from PIL import Image, ImageTk
import math

#ウィンドウ/フレームの作成
#========================================
root = tk.Tk()
root.title("TestPage")
root.geometry("1920x1080+50+50")

frm = tk.Frame(root, width=1025, height=1025, padx=2, pady=2, bg="gray")
frm.place(x=70, y=15)

sfr = tk.Frame(root, relief=tk.FLAT, bg="white" , bd=2)
sfr.place(x=1110, y=530, width=500, height=510)

#画像の読み込み
#========================================
img = cv2.imread('pic/test.jpg')

#アスペクト比を固定しリサイズ
#========================================

h0, w0 = img.shape[:2]
n1 = 450
n2 = 1010
h = round(h0)
w =round(w0)

if w > h:
    x2 = round(float(n2) / w, 1)
    X2 = round(float(h * x2))
    Img2 = cv2.resize(img, (n2, X2))
    H2 = X2
    W2 = n2
else:
    x2 = round(float(n2) / h, 1)
    X2 = round(float(w * x2))
    Img2 = cv2.resize(img, (X2, n2))
    H2 = n2
    W2 = X2

    #画像の配置
#========================================
rim2 = cv2.cvtColor(Img2, cv2.COLOR_BGR2RGB)
pim2 = Image.fromarray(rim2)
tim2  = ImageTk.PhotoImage(pim2)

cvs2 = tk.Canvas(frm, width=1007, height=1007)
cvs2.place(x=5, y=5)
cvs2.create_image(0, 0, image=tim2, anchor=tk.NW)

#todo:γ変換
#========================================
Gim = np.zeros((256,1),dtype=np.uint8)
def Gnm(event=None):
    global rim2
    global nim
    gamma = num02.get()
    for i in range(256):
        Gim[i][0] = 255 * (float(i)/255) ** (1.0 /gamma)
    gim = cv2.LUT(rim2, Gim)
    cvs2.create_image(0, 0, image=gim, anchor=tk.NW)

    #値の格納
#========================================
num02 =tk.IntVar()
num02.set(0)

#スライダー
#========================================
scl2 = tk.Scale(sfr, variable=num02, orient='horizontal', length=475, from_=0, to=5, resolution=0.1, command=Gnm)
scl2.place(x=5, y=85)

#処理
#====================
root.mainloop()
cv2.waitKey(0)
cv2.destroyAllWindows()

試したこと

Gim = np.zeros((256,1),dtype=np.uint8)
def Gnm(event=None):
     global tim2
     global nim
     nim = cv2.cvtColor(tim2, cv2.COLOR_RGB2BGR)
     while(1):
         gamma = num02.get()
         for i in range(256):
             Gim[i][0] = 255 * (float(i)/255) ** (1.0 /gamma)
         gim = cv2.LUT(nim, Gim)
         cvs2.create_image(0, 0, image=gim, anchor=tk.NW)

         k = cv2.waitKey(1)
         if k == 27:
             break

 sfr.bind("<Enter>", Gnm)

と記述していましたがwhile文を削除致しました。
また、画像データがnumpyではなかったため修正致しました。

trackbarやPLT等は試しましたが最終的な完成イメージと異なったため使用しておりません。
また、ソースコードに関してはガンマ変換部分のみ記載しています。

<追記>

cvs2.create_image(0, 0, image=gim, anchor=tk.NW)の上へ
pim3 = Image.fromarray(gim)
tim3 = ImageTk.PhotoImage(pim3)
というコードを追記しcanvas.create_images()を実行可能にできるようにしましたが、
return self.func(*args)

Gim[i][0] = 255 * (float(i)/255) ** (1.0/gamma)
TypeError: unsupported operand type(s) for /: 'float' and 'str'
のエラーメッセージが修正されませんでした。

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

Python3.11.1 64-bit

Comments

[can110]

ぱっと見て前の質問と同じく値の型が違うのが原因かと思ったのですが
その点についてどうお考えか（～なのでそうではない、など）を質問本文に記載ください。

[asahi555]

コメントありがとうございます。
質問へ追記させていただきました。

コメントしていただいた意図と違いましたら申し訳ございません。

[can110]

状況がよく分からないのですが
原因が分かって修正したら直ったが、別のところで違うエラーが出るようになった
という感じでしょうか？

[jbpb0]

> cvs2.create_image(0, 0, image=gim, anchor=tk.NW)の上へ
pim3 = Image.fromarray(gim)
tim3 = ImageTk.PhotoImage(pim3)
というコードを追記しcanvas.create_images()を実行可能にできるようにしました

とは、

cvs2.create_image(0, 0, image=gim, anchor=tk.NW)
↓ 修正
pim3 = Image.fromarray(gim)
tim3 = ImageTk.PhotoImage(pim3)
cvs2.create_image(0, 0, image=tim3, anchor=tk.NW)

を行った、ということでしょうか？

[asahi555]

>can110さん
前回質問させてただいた事を受けてデータの変更を行ったが同じエラーメッセージが出力され、どうすればよいのかわからないという状況です。

[asahi555]

>jbp0さん
はい。その認識で間違いございません。

[jbpb0]

その修正をして、当方のmacのpythonで実行してみたら、

> Gim[i][0] = 255 * (float(i)/255) ** (1.0/gamma)
> TypeError: unsupported operand type(s) for /: 'float' and 'str'
> のエラーメッセージが修正されません

ではなく、

Gim[i][0] = 255 * (float(i)/255) ** (1.0 /gamma)
ZeroDivisionError: float division by zero

というエラーが出ました

そこで、プログラム開始時点で「gamma」が「0」にならないように

num02 =tk.IntVar()
num02.set(0)
↓ 修正
num02 =tk.DoubleVar()
num02.set(2.2)

の修正もしたら、(スライダーを「0.0」に動かさなければ)エラーは出なくなりました

[asahi555]

ありがとうございます。

それに加えてgamma=num02.get()を
def Gnm(num02):
~~~
gamma = float(num02)
~~~

としましたところエラーメッセージは出力されず、確認のため記述したprint(gamma)にてスライダーの値が出力されました。

[jbpb0]

当方のmacのpythonでは、「gamma = num02.get()」のままで、そのすぐ下に「print(gamma)」を追加して実行したら、スライダーの数値が表示されました

質問者さんの環境と当方の環境で、何が違うのでしょうね？
コード中で「num02」に関するのは、他には

num02 =tk.DoubleVar()
num02.set(2.2)

だけですよね？

【追記】
質問者さんの環境のpythonで下記のコードを実行したら、何て表示されますでしょうか？

import tkinter as tk
root = tk.Tk()
num02 =tk.DoubleVar()
num02.set(2.2)
gamma = num02.get()
print(type(gamma))
print(gamma)

当方のmacのpythonでは、下記の通りです

>>> print(type(gamma))
<class 'float'>
>>> print(gamma)
2.2

Answer 1

cvs2.create_image(0, 0, image=gim, anchor=tk.NW)の上へ
pim3 = Image.fromarray(gim)
tim3 = ImageTk.PhotoImage(pim3)
というコードを追記しcanvas.create_images()を実行可能にできるようにしました

質問のコードから

    cvs2.create_image(0, 0, image=gim, anchor=tk.NW)

↓ 修正

    pim3 = Image.fromarray(gim)
    tim3 = ImageTk.PhotoImage(pim3)
    cvs2.create_image(0, 0, image=tim3, anchor=tk.NW)

の修正をして、当方のmacのpythonで実行してみたら、

Gim[i][0] = 255 * (float(i)/255) ** (1.0/gamma)
TypeError: unsupported operand type(s) for /: 'float' and 'str'
のエラーメッセージが修正されません

ではなく、

    Gim[i][0] = 255 * (float(i)/255) ** (1.0 /gamma)
ZeroDivisionError: float division by zero

というエラーが出ました

　
そこで、プログラム開始時点で「gamma」が「0」にならないように

num02 =tk.IntVar()
num02.set(0)

↓ 修正

num02 =tk.DoubleVar()
num02.set(2.2)

の修正もしたら、(スライダーを「0.0」に動かさなければ)エラーは出なくなりました