質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
OpenCV

OpenCV(オープンソースコンピュータービジョン)は、1999年にインテルが開発・公開したオープンソースのコンピュータビジョン向けのクロスプラットフォームライブラリです。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Q&A

解決済

1回答

6875閲覧

google colaboratoryでマウスイベントを扱う方法(OpenCV使用)

15princess

総合スコア15

OpenCV

OpenCV(オープンソースコンピュータービジョン)は、1999年にインテルが開発・公開したオープンソースのコンピュータビジョン向けのクロスプラットフォームライブラリです。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

0グッド

0クリップ

投稿2018/11/15 10:33

python初心者です。よろしくお願いします。
google colaboratory のpython3でOpenCVを用いた画像処理で
マウスイベントを扱う方法についてお伺いしたいです。

下記のリンクのように、"OpenCVで取得した画像を左クリックすると任意の座標に図形を生成する"
など、マウスの操作と座標を条件としたプログラムを作成したいです。

実装したい内容(外部webサイト)

python3

1# -*- coding: utf-8 -*- 2import cv2 3 4# マウスイベント時に処理を行う 5def mouse_event(event, x, y, flags, param): 6 7 # 左クリックで赤い円形を生成 8 if event == cv2.EVENT_LBUTTONUP: 9 cv2.circle(img, (x, y), 50, (0, 0, 255), -1) 10 11 # 右クリック + Shiftキーで緑色のテキストを生成 12 elif event == cv2.EVENT_RBUTTONUP and flags & cv2.EVENT_FLAG_SHIFTKEY: 13 cv2.putText(img, "CLICK!!", (x, y), cv2.FONT_HERSHEY_SIMPLEX, 5, (0, 255, 0), 3, cv2.CV_AA) 14 15 # 右クリックのみで青い四角形を生成 16 elif event == cv2.EVENT_RBUTTONUP: 17 cv2.rectangle(img, (x-100, y-100), (x+100, y+100), (255, 0, 0), -1) 18 19 20# 画像の読み込み 21img = cv2.imread("test.jpg", 1) 22# ウィンドウのサイズを変更可能にする 23cv2.namedWindow("img", cv2.WINDOW_NORMAL) 24# マウスイベント時に関数mouse_eventの処理を行う 25cv2.setMouseCallback("img", mouse_event) 26 27# 「Q」が押されるまで画像を表示する 28while (True): 29 cv2.imshow("img", img) 30 if cv2.waitKey(1) & 0xFF == ord("q"): 31 break 32 33cv2.destroyAllWindows()

しかし、上記のリンクのソースをgoogle colaboratoryで実行すると
"ランタイムが異常終了しました"というエラーが表示されました。

原因を調査したところ、google colaboratoryは出力結果を別の窓に表示することができず、
画像処理はインラインで処理するしかないようです。
画像の出力自体はcv2.imshowをmatplotlibに置き換えることで可能なのですが、
cv2.setMouseCallback関数などマウスイベントを呼び出す時に窓の名前を指定する必要があるようです。
なのにgoogle colaboratoryは別窓が開けない、という問題が解決できません。

お聞きしたい内容としては、インラインで上記のようなマウスイベントを呼び出す方法になります。

長文・乱文になってしまい申し訳ありません。よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

matplotlibの方でもインタラクティブな図を作る方法はあるので、そっちの体系でやってみてください(cv2.setMouseCallbackは無理)。google colaboratoryでどこまでできるかわかりませんが、jupyterに準じる環境なのでたぶんできるんじゃないかなぁと思います。

jupyter notebookで触れるプロットを描く - やったことの説明
python/matplotlibの図上にてクリックで座標値を取得したりキーボード入力値を取得したりする - Qiita

投稿2018/11/15 11:43

hayataka2049

総合スコア30933

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hayataka2049

2018/11/15 11:46

そこまでしてやるべきことなのか、という疑問が頭をよぎらなくはない。普通にローカル環境でpython走らせてやれば良い気がする
15princess

2018/11/15 12:09

回答ありがとうございます! >普通にローカル環境でpython走らせてやれば良い気がする おっしゃる通りだと思います。 ただ、将来的には環境構築無しで走るプログラムを複数人で共有したいため今回は Google colaboratoryを開発環境として選択しました。 貼っていただいたリンクを参考に調査して、以下のサイトのソースを実行しました。 https://ideal-user-interface.hatenablog.com/entry/20111212/1323692018 結果としてはグラフは出力されましたがマウスイベントは発生しませんでした。 実行結果に"matplotlib is currently using a non-GUI backend, "と表示されたので、 google colaboratoryがGUI関連を扱えない=クリックで図形に干渉できない環境なのかなと 思っています。 貼っていただいたリンクは非常に参考になりました!調査を進めてみます
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問