Как перетащить текст, который печатается поверх изображения (на холсте) с помощью мыши в Python? - PullRequest
Новая
       59

Как перетащить текст, который печатается поверх изображения (на холсте) с помощью мыши в Python?

0 голосов
/ 26 февраля 2019

Я хочу добавить Элемент перетаскивания текста на холсте, чтобы изменить положение текста с помощью мыши.

from PIL import Image,ImageFont,ImageDraw,ImageTk
import tkinter as tk

root = tk.Tk()
root.title('Demo')
root.geometry('400x50')

def func_image():

    img_window = tk.Toplevel()
    img_window.grab_set()

    photo = Image.open(r'E:\side_300.png')
    wi,hi = photo.size
    fonty = ImageFont.truetype('arial.ttf',18)
    draw = ImageDraw.Draw(photo)
    draw.text((50,50),text=text.get(),fill='red',font=fonty)
    new_photo = photo
    can_photo = ImageTk.PhotoImage(new_photo)

    canvas = tk.Canvas(img_window,height=500,width=500)
    canvas.pack(anchor='n')
    canvas.create_image(wi/2,hi/2,image=can_photo,anchor='center')
    img_window.mainloop()

lbl_text = tk.Label(root,text='Enter Text :')
lbl_text.grid(row=0,column=0)

text = tk.Entry()
text.grid(row=0,column=1)

btn = tk.Button(root,text='Click Me',command=func_image)
btn.grid(row=0,column=2)

root.mainloop()

Когда вы запустите код, он сначала откроет окно с именем «Demo», которое содержит одно поле ввода и кнопку.
Когда вы нажимаете кнопку «Click Me» после ввода некоторыхтекст в поле ввода перейдет к функции func_image и откроет новое окно, содержащее холст, заполненный new_image.

1 Ответ

0 голосов
/ 26 февраля 2019

Quick Disclaimer: у меня нет большого опыта работы с PIL, поэтому я не знаю, как удалить уже нарисованный текст.Может быть, вы можете понять это самостоятельно.Но кроме этого, я знаю кое-что о tkinter.Моя идея заключается в следующем:

Привязать функцию к событию <B1-motion> (кнопка 1 удерживается и перемещается), которая будет постоянно определять положение мыши внутри окна и рисовать новый текст при этом.положение, удаляя предыдущий текст.

    import...
    ...

    def func_image():
        img_window = tk.Toplevel()
        ...
        ...
        draw = ImageDraw.Draw(photo)
        draw.text((50,50),text=text.get(),fill='red',font=fonty)
        ...
        def move_text(event):
            # here you would delete your previous text
            x = event.x
            y = event.y
            draw.text((x,y),text=text.get(),fill='red',font=fonty

        img_window.bind('<B1-Motion>', move_text)

При этом я думаю, что было бы лучше использовать Canvas.create_text (подробнее о effbot.org ), чтобы написать свой текст на изображении.Очень просто перетащить текст на Canvas, вот небольшой пример: 

import tkinter as tk

root = tk.Tk()

def change_position(event):
    x = event.x
    y = event.y

    # 20x20 square around mouse to make sure text only gets targeted if the mouse is near it
    if text in c.find_overlapping(str(x-10), str(y-10), str(x+10), str(y+10)):
        c.coords(text, x, y)  # move text to mouse position

c = tk.Canvas(root)
c.pack(anchor='n')

text = c.create_text('10', '10', text='test', fill='red', font=('arial', 18))  # you can define all kinds of text options here
c.bind("<B1-Motion>", change_position)

root.mainloop()
...