画像に対するカーソル処理？

Question

pythonで、ある画像を読み込み、その画像を表示して、
カーソルでその画像の特定範囲を指定し、その縦横幅とかを変数に入れたり返す等する方法は、
あるんでしょうか？どのようにするんでしょうか？

Matplotlibを使いたいです、最近よく使うし、構造が分かりやすいため。
opencvは構造が分かりにくい、、複雑でブラックボックス化しているため、避けたい。

Matplotlibで画像を表示し、あとCanvasとかも使うんですかね？？範囲指定には。

guiというものはよく分かりませんが、cvのように、中身が複雑すぎてブラックボックス化しているものは使わず、中の仕組みが分かりやすいものを使っていきたいのです。

matplotlibで、マウス位置とクリック情報が取得できそうです。
https://qiita.com/HajimeKawahara/items/abc24fa2216009523656

との事で、matplotで画像を表示させた後クリック情報を取得する事ができればできるみたいです、
どうやるのかよく分かりませんが・・・。

この画像に対し、赤色の、左上にある四角形のサイズを取得する・・・ことは、問題なくできますかね？
以下のコードを提示頂いたのですが、まだ試していません。

from PIL import Image
import matplotlib.pyplot as plt
import numpy as np

im=Image.open('tmp.jpg')

global start_x;
global start_y;


def onclick(event):
    global start_x;
    global start_y;
    print('click' , event.x, event.y)
    start_x = int(event.x)
    start_y = int(event.y)


def onrelease(event):
    global start_x;
    global start_y;
    print('release' , event.x, event.y )
    print('size x=' , event.x - start_x , 'y=' , start_y -event.y )


fig = plt.figure()

im_list=np.asarray(im)
plt.imshow(im_list)

fig.canvas.mpl_connect('button_press_event', onclick)
fig.canvas.mpl_connect('button_release_event', onrelease)

plt.show()

Comments

[meg_]

> その画像を表示して
表示する方法は何ですか？

[退会済みユーザー]

読み込んだjpgファイルですね。

[meg_]

> 読み込んだjpgファイルですね。
？対象ではなく｢方法｣ついて尋ねています。

[退会済みユーザー]

おそらくマイナス査定をされた方の気持ちは「https://www.omoshiro-suugaku.com/entry/mouse-position　みたいな記事を読んでますか？（調べて分からないなら手伝えるけど）」だと思います。

検討ください。

[退会済みユーザー]

Matplotlibを使いたいです、最近よく使うし、構造が分かりやすいため。
opencvは構造が分かりにくい、、複雑でブラックボックス化しているため、避けたい。

Matplotlibで画像を表示し、あとCanvasとかも使うんですかね？？範囲指定には。

[meg_]

追加の情報は質問に追記してください。GUIをご自身で実装するつもりですか？

Answer 1

マウスをクリックのイベント
・button_press_event
・button_release_event
のハンドラーを定義して、あとは、JPEG表示しておけばよさそうですー。

調べたら、少し情報があったので提示しますー。

pythonで、マウスの位置が取得できるようです。
https://qiita.com/deaikei/items/7f1acaa3b1db40c33f1a

https://qiita.com/HajimeKawahara/items/abc24fa2216009523656

Opencvで画像が表示できるようです。
https://qiita.com/Kazuhito/items/b2ebd9f9010f1ffcac5b

[ipywidgets] 18. 画像上でクリックした点の座標をTextareaに表示
https://sabopy.com/py/ipywidgets-18/

これからを組み合わせれば、できそうな気がしましたー。

以下、組み合わせた結果になりますー。

from PIL import Image
import matplotlib.pyplot as plt
import numpy as np

im=Image.open('tmp.jpg')

global start_x;
global start_y;


def onclick(event):
	global start_x;
	global start_y;
	print('click' , event.x, event.y)
	start_x = int(event.x)
	start_y = int(event.y)


def onrelease(event):
	global start_x;
	global start_y;
	print('release' , event.x, event.y )
	print('size x=' , event.x - start_x , 'y=' , start_y -event.y )
	

fig = plt.figure()

im_list=np.asarray(im)
plt.imshow(im_list)

fig.canvas.mpl_connect('button_press_event', onclick)
fig.canvas.mpl_connect('button_release_event', onrelease)

plt.show()

Comments

[退会済みユーザー]

cv使わずに、また範囲指定でサイズ取得はどうするのでしょうか・・・
秒ごとのカーソル位置の取得は上の記事でできてるみたいですが・・・

[退会済みユーザー]

> cv使わずに
OpenCVであれば、まがいなりにもcv2.imshow("タイトル",イメージ)の後にcv2.imshow(0)とするだけでGUIが作れる上に、OpenCVに組み込まれている関数でマウス位置＝画像の寸法も取れるので「やりたいことは大体5-6行で達成できる」のがOpenCVが楽で便利な点だと思います。

これを避ける――例えばGUI(QTやwxPython等)を使うことになると、ウインドウの定義、描画の定義、イベントの定義、ロード画面の用意等めんどくさいことがどんどん増えていきます。コード量も膨らみます。

やりたいことが大きいのは良いと思いますが、いばらの道を進みたいと示される割に調べる労力を惜しんでいるような気がしてなりません。

[退会済みユーザー]

matplotlibで、マウス位置とクリック情報が取得できそうです。
https://qiita.com/HajimeKawahara/items/abc24fa2216009523656

サイズは、左クリックを開始したx、y座標と、左クリックをはなしたx、y座標で求めれる気がしますー。

[退会済みユーザー]

matplotは、画像表示もできるので、
画像表示した状態で、クリック情報取得すれば、画像内のある画像の大きさを取得できますね。
全然慣れてないので、どうするのかは分からない部分があるのですが・・・。

[退会済みユーザー]

https://qiita.com/HajimeKawahara/items/abc24fa2216009523656

いろいろやり方はあると思いますが、↑のqiitaの記事にあるonclick()の関数で、考えると、最初に、クリックされた時に、xとyの座標を保存して、次にクリックがはなされた時に、xとyの値を保存して、２つの保存した値から、大きさを計算できると思いますー。

[退会済みユーザー]

自分がこれをざっと読んで思ったのは、これは画像を取り込んでいないようなのですが、
実際は画像を取り込んで、その上で、クリック情報を取得する必要があり、
画像の取り込みとクリック情報の取得というものを、どのようにさせて融合させるのかなという点が疑問です。

[退会済みユーザー]

↑一番上の回答欄に、サンプルのプログラムを載せました。参考にしてみてくださいー。

[退会済みユーザー]

ありがとうございます、例の画像ではできますかね？

[退会済みユーザー]

できると思うよー。画像をtmp.jpgという名前にして、コードと、同じディレクションに置いて、python実行してみると良いと思いますー。