座標をもつ画像の作り方

Question

前提・実現したいこと

座標を持つ画像を作りたいです。

イメージは、下のURLにあるjaavascritpを使用した
マウスオーバーイベントが発生する画像を、
ブラウザではなく、ローカルで実現したいです。
参考URL　→　ttp://hakuhin.jp/js/mouse.html#MOUSE_04

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

実現方法がわかりません。
少し調べただけですが、opencvを使えば実現できるのでしょうか。

該当のソースコード

なし

試したこと

以前、javascriptやjqueryを含んだウェブページを
ローカルにダウンロードしてfile:///で動かそうとしたのですが、
実現できず、諦めた経緯があり、別の方法で実現可能かどうか聞きたかったです。

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

当方使用できる言語は、rubyのみです。
実現できるのならどの言語でもかまいませんが、
できればrubyをベースに実現したいです。

Answer 1

註：Python3 + OpenCV での回答です。

とても簡単に書けますよ。

import numpy as np
import cv2

def main():
    white = np.ones(
        shape=(480, 640),
        dtype=np.uint8
    ) * 255

    window_name = 'sample'
    cv2.namedWindow(window_name)
    cv2.setMouseCallback(
        window_name=window_name,
        on_mouse=lambda event, x, y, flags, userdata: print(x, y)
    )

    cv2.imshow(window_name, white)
    cv2.waitKey()

if __name__ == '__main__':
    main()

ウィンドウを作って適当にコールバックを設定するだけです。

Comments

[退会済みユーザー]

迅速なご回答ありがとうございます。

pythonはまったく触ったことがないです。
使えるところからスタートかもしれませんが、
簡単にできるということですので、試したいと思います。

また、質問させていただくかと思いますが、
もしまたお時間があれば、お助けください。

ありがとうございます。

[LouiS0616]

RubyをいじったことがないのでPythonで書きましたが、Rubyでも同様に実現可能かと思いますよ。

[退会済みユーザー]

再度のご回答、ありがとうございます。

ではまずrubyで試してみたいと思います。