Comment afficher une image et obtenir les coordonnées d'un clic de souris dessus
Je me demande s'il est possible dans Python (Windows) d'afficher une image, puis de cliquer avec la souris sur cette image et d'obtenir les coordonnées de ce clic par rapport aux bords de l'image.
Merci!
Oui, c'est possible et assez facile une fois que vous comprenez tkinter, voici un script rapide:
from Tkinter import *
from tkFileDialog import askopenfilename
import Image, ImageTk
if __name__ == "__main__":
root = Tk()
#setting up a tkinter canvas with scrollbars
frame = Frame(root, bd=2, relief=SUNKEN)
frame.grid_rowconfigure(0, weight=1)
frame.grid_columnconfigure(0, weight=1)
xscroll = Scrollbar(frame, orient=HORIZONTAL)
xscroll.grid(row=1, column=0, sticky=E+W)
yscroll = Scrollbar(frame)
yscroll.grid(row=0, column=1, sticky=N+S)
canvas = Canvas(frame, bd=0, xscrollcommand=xscroll.set, yscrollcommand=yscroll.set)
canvas.grid(row=0, column=0, sticky=N+S+E+W)
xscroll.config(command=canvas.xview)
yscroll.config(command=canvas.yview)
frame.pack(fill=BOTH,expand=1)
#adding the image
File = askopenfilename(parent=root, initialdir="C:/",title='Choose an image.')
img = ImageTk.PhotoImage(Image.open(File))
canvas.create_image(0,0,image=img,anchor="nw")
canvas.config(scrollregion=canvas.bbox(ALL))
#function to be called when mouse is clicked
def printcoords(event):
#outputting x and y coords to console
print (event.x,event.y)
#mouseclick event
canvas.bind("<Button 1>",printcoords)
root.mainloop()
Non édité, il s'imprime en utilisant le système de coordonnées de fenêtre par défaut sur la console. Le widget canvas fait du coin supérieur gauche le point 0,0, vous devrez donc peut-être jouer avec la fonction printcoords. Pour obtenir la dimension d'image chargée, vous devez utiliser canvas.bbox (ALL), et vous souhaiterez peut-être passer à l'utilisation de canvasx et de canvasy coords au lieu de la façon dont elle est. Si vous êtes nouveau sur tkinter; google devrait pouvoir vous aider à le terminer à partir d'ici :).
Voici une version que j'avais concoctée il y a quelque temps en utilisant wxPython et divers didacticiels wxPython. Cela imprime les coordonnées du clic de la souris dans une fenêtre de sortie séparée. (Utilise Python 2.6.2, wxPython 2.8.10.1)
Entrez le chemin d'accès à votre image dans la variable filepath en bas.
import wx
class MyCanvas(wx.ScrolledWindow):
def __init__(self, parent, id = -1, size = wx.DefaultSize, filepath = None):
wx.ScrolledWindow.__init__(self, parent, id, (0, 0), size=size, style=wx.SUNKEN_BORDER)
self.image = wx.Image(filepath)
self.w = self.image.GetWidth()
self.h = self.image.GetHeight()
self.bmp = wx.BitmapFromImage(self.image)
self.SetVirtualSize((self.w, self.h))
self.SetScrollRate(20,20)
self.SetBackgroundColour(wx.Colour(0,0,0))
self.buffer = wx.EmptyBitmap(self.w, self.h)
dc = wx.BufferedDC(None, self.buffer)
dc.SetBackground(wx.Brush(self.GetBackgroundColour()))
dc.Clear()
self.DoDrawing(dc)
self.Bind(wx.EVT_Paint, self.OnPaint)
self.Bind(wx.EVT_LEFT_UP, self.OnClick)
def OnClick(self, event):
pos = self.CalcUnscrolledPosition(event.GetPosition())
print '%d, %d' %(pos.x, pos.y)
def OnPaint(self, event):
dc = wx.BufferedPaintDC(self, self.buffer, wx.BUFFER_VIRTUAL_AREA)
def DoDrawing(self, dc):
dc.DrawBitmap(self.bmp, 0, 0)
class MyFrame(wx.Frame):
def __init__(self, parent=None, id=-1, filepath = None):
wx.Frame.__init__(self, parent, id, title=filepath)
self.canvas = MyCanvas(self, -1, filepath = filepath)
self.canvas.SetMinSize((self.canvas.w, self.canvas.h))
self.canvas.SetMaxSize((self.canvas.w, self.canvas.h))
self.canvas.SetBackgroundColour(wx.Colour(0, 0, 0))
vert = wx.BoxSizer(wx.VERTICAL)
horz = wx.BoxSizer(wx.HORIZONTAL)
vert.Add(horz,0, wx.EXPAND,0)
vert.Add(self.canvas,1,wx.EXPAND,0)
self.SetSizer(vert)
vert.Fit(self)
self.Layout()
if __name__ == '__main__':
app = wx.App()
app.SetOutputWindowAttributes(title='stdout')
wx.InitAllImageHandlers()
filepath = 'ENTER FILEPATH HERE'
if filepath:
print filepath
myframe = MyFrame(filepath=filepath)
myframe.Center()
myframe.Show()
app.MainLoop()
Voici une version révisée de la réponse de bigjim. Il fonctionne en python 3.4+ (n'a rien testé d'autre). Je n'ai pas pris la peine avec la partie PIL puisque PhotoImage de tkinter peut gérer gif et pgm, ce qui est suffisant pour le démontrer.
La fonction lambda gère la conversion entre les coordonnées d'événement (fenêtre) et les coordonnées d'image.
J'ai également ajouté un support pour la presse vs le communiqué car j'avais besoin de cette fonctionnalité particulière.
from tkinter import *
from tkinter.filedialog import askopenfilename
event2canvas = lambda e, c: (c.canvasx(e.x), c.canvasy(e.y))
if __name__ == "__main__":
root = Tk()
#setting up a tkinter canvas with scrollbars
frame = Frame(root, bd=2, relief=SUNKEN)
frame.grid_rowconfigure(0, weight=1)
frame.grid_columnconfigure(0, weight=1)
xscroll = Scrollbar(frame, orient=HORIZONTAL)
xscroll.grid(row=1, column=0, sticky=E+W)
yscroll = Scrollbar(frame)
yscroll.grid(row=0, column=1, sticky=N+S)
canvas = Canvas(frame, bd=0, xscrollcommand=xscroll.set, yscrollcommand=yscroll.set)
canvas.grid(row=0, column=0, sticky=N+S+E+W)
xscroll.config(command=canvas.xview)
yscroll.config(command=canvas.yview)
frame.pack(fill=BOTH,expand=1)
#adding the image
File = askopenfilename(parent=root, initialdir="M:/",title='Choose an image.')
print("opening %s" % File)
img = PhotoImage(file=File)
canvas.create_image(0,0,image=img,anchor="nw")
canvas.config(scrollregion=canvas.bbox(ALL))
#function to be called when mouse is clicked
def printcoords(event):
#outputting x and y coords to console
cx, cy = event2canvas(event, canvas)
print ("(%d, %d) / (%d, %d)" % (event.x,event.y,cx,cy))
#mouseclick event
canvas.bind("<ButtonPress-1>",printcoords)
canvas.bind("<ButtonRelease-1>",printcoords)
root.mainloop()
Vous pouvez utiliser Tkinter pour ce faire et son intégré à python déjà.