Tkinterでスクロール可能なキャンバスの座標を取得する方法

TkinterのCanvasウィジェットには、2つの異なる座標系が存在します。1つはウィンドウ座標系、もう1つはキャンバス座標系です。

ウィンドウ座標系は、常にウィンドウの左上隅（0, 0）を基準としてマウスイベントなどの位置を表します。一方、キャンバス座標系は、スクロールされた状態も考慮して、アイテムが実際にキャンバス上のどこに配置されているかを示すものです。

ウィンドウ座標からキャンバス座標への変換

ウィンドウ座標系をキャンバス座標系に変換するには、Canvasウィジェットが提供する以下の2つのメソッドを使用します。

canvasx(event.x)
canvasy(event.y)

マウスイベントは常にウィンドウ座標系で発生するため、キャンバスがスクロールされている場合でも、これらのメソッドを使えば正確なキャンバス上の座標を取得できます。

実装例

次のコードでは、キャンバスウィジェット上でのマウスポインタの位置を取得して表示します。左クリックした時点の座標と、ボタンを押しながら移動した際の座標を出力します。

# 必要なライブラリをインポート
from tkinter import *

# tkinterフレーム（ウィンドウ）のインスタンスを作成
win = Tk()

# ウィンドウサイズを設定
win.geometry("700x350")

# Canvasウィジェットを作成
canvas = Canvas(win)
canvas.pack()

def on_button_pressed(event):
    start_x = canvas.canvasx(event.x)
    start_y = canvas.canvasy(event.y)
    print("start_x, start_y =", start_x, start_y)

def on_button_motion(event):
    end_x = canvas.canvasx(event.x)
    end_y = canvas.canvasy(event.y)
    print("end_x, end_y=", end_x, end_y)

# マウスボタンのイベントをCanvasにバインド
canvas.bind("<Button-1>", on_button_pressed)
canvas.bind("<Button1-Motion>", on_button_motion)

# ウィンドウ内にLabelウィジェットを追加
Label(win, text="マウスポインタを動かし、" "キャンバス上の任意の場所をクリックしてください").pack()

win.mainloop()

実行結果

上記のコードを実行すると、ウィンドウが表示されます。

マウスポインタを動かしてキャンバス上の任意の場所をクリックすると、コンソールにポインタの相対座標が出力されます。

start_x, start_y = 340.0 159.0

このように、canvasx()およびcanvasy()メソッドを活用することで、スクロール可能なキャンバス上でも正確な座標を取得できます。描画アプリケーションや図形選択機能などを実装する際に非常に役立つテクニックです。