マウスでTkinterキャンバスを移動する方法は？

Tkinter Canvasウィジェットは、Tkinterライブラリの用途の広いウィジェットの1つです。さまざまな形状、画像、アニメーションオブジェクトを作成するために使用されます。 move（）を使用して、Canvasウィジェットで画像を特定の方向に移動できます メソッド。

画像と座標をmove（Image、x、y）メソッドのパラメーターとして定義して、Canvas内のオブジェクトを移動します。位置を移動または変更するために、画像をグローバルに宣言します。

これらの手順に従って、画像をキャンバス内で移動できるようにすることができます。

• まず、Canvasウィジェットを定義し、それに画像を追加します。

• 画像がCanvas内で動的になるようにmove（）関数を定義します。

• キャンバス内で画像を移動できる機能でマウスボタンをバインドします。

例

# Import the required libraries
from tkinter import *
from PIL import Image, ImageTk

# Create an instance of tkinter frame
win = Tk()

# Set the size of the tkinter window
win.geometry("700x350")

# Define a Canvas widget
canvas = Canvas(win, width=600, height=400, bg="white")
canvas.pack(pady=20)

# Add Images to Canvas widget
image = ImageTk.PhotoImage(Image.open('logo.png'))
img = canvas.create_image(250, 120, anchor=NW, image=image)

def left(e):
   x = -20
   y = 0
   canvas.move(img, x, y)

def right(e):
   x = 20
   y = 0
   canvas.move(img, x, y)

def up(e):
   x = 0
   y = -20
   canvas.move(img, x, y)

def down(e):
   x = 0
   y = 20
   canvas.move(img, x, y)

# Define a function to allow the image to move within the canvas
def move(e):
   global image
   image = ImageTk.PhotoImage(Image.open('logo.png'))
   img = canvas.create_image(e.x, e.y, image=image)

# Bind the move function
canvas.bind("<B1-Motion>", move)

win.mainloop()

出力

上記のコードを実行すると、マウスボタンを使用してウィンドウ上を移動できる画像を含むウィンドウが表示されます。

次に、キャンバスをクリックして、マウスでオブジェクトをドラッグします。