modifier le contenu d'un canvas avec un bouton

Version imprimable

bonjour,
Je suis en terminale s et j'ai besoin d'aide sur mon projet d'isn,
le projet est de créer un logiciel pour éditer une image avec des algorithme.
mon problème étant que je voudrai avoir un premier canvas avec la photo à modifier (choisi par l'utilisateur avec un askopenfile) à l’intérieur de celui ci, et a coter de ce canvas un autre lui avec une image blanche de base, en appuyant sur un bouton je souhaite que l'image dans la case de gauche soit modifié et affiché dans la case de droite, ça a beau avoir l'air évident à dire je n'arrive pas a la faire alors je tente ma chance ici .

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
# -*- coding: utf-8 -*-
"""
Created on Wed Mar  7 19:41:14 2018
 
@author: Julien
"""
from tkinter import*
import PIL.Image
import PIL.ImageTk
import subprocess
from tkinter.filedialog import *
from PIL import ImageTk, Image
from PIL import ImageFilter
from numpy import sqrt
import sys
 
 
 
Largeur=600
Hauteur=360
 
algo=0
def algo1():
    images=Image.open("titi.png")
    imgF = images.filter(ImageFilter.CONTOUR)   # algo qui isole les contours d'une image
    imgF.save("tito.png")
    algo=1
 
 
 
# Création de la fenêtre principale
Mafenetre=Tk()
Mafenetre.geometry("1300x600")
Mafenetre.title("photoALGO")
#-------------------------------#
 
 
# Création d'un widget Menu
menubar = Menu(Mafenetre)
menufichier = Menu(menubar,tearoff=0)
menubar.add_cascade(label="Fichier",command=Mafenetre.destroy)
#--------------------------------------------------------------#
 
# Affichage du menu
Mafenetre.config(menu=menubar)
#-----------------------------#
 
 
 
path = askopenfilename(filetypes=[('PNG FILES','*.png')])
print(path)                                                                                         #askopenfile pour ouvrir le fichier de son choix
 
photo = PIL.Image.open(path)
 
tailleL, tailleH = photo.size
 
 
print(int(tailleL))
print(tailleH)
                                                               # je resize l'image pour qu'elle rentre parfaitement dans mon canvas 
resizetailleL=600/tailleL
resizetailleH=360/tailleH
 
newPhoto = photo.resize((int(tailleL*resizetailleL),int(tailleH*resizetailleH)))
newPhoto.save("titi.png")
 
 
Largeur=600
Hauteur=360
 
 
photos = PhotoImage(file="titi.png")
print(photos)
Can1=Canvas()
Can1.configure(width=Largeur, height=Hauteur)                                   #Canvas avec l'image a modifier
image = Can1.create_image(0,0, image = photos, anchor='nw')
Can1.grid(row=0, column=0)
 
 
 
 
 
img = PhotoImage(file="blanc.png")
print(img)
cvs=Canvas()
cvs.configure(width=Largeur, height=Hauteur)                            #canvas avec une image blanche 
images = cvs.create_image(600,0, image = img, anchor='ne')
cvs.grid(row=0, column=2)
 
 
 
 
 
 
 
 
#-----------------------------------------------------------------
 
#Bouton pour executer les algorithme
But=Button()
Button(Mafenetre, text ='Algo 2',width=10,height=4,command = algo1).grid(row=5, column=0,sticky='ne')
Button(Mafenetre, text ='Algo 3',width=10,height=4,command = Mafenetre.destroy).grid(row=5, column=1)                   
Button(Mafenetre, text ='Algo 4',width=10,height=4,command = Mafenetre.destroy).grid(row=5, column=2,sticky='nw')
But.grid()
#----------------------------------------------------------------------------------------------------#
 
 
 
 
Mafenetre.mainloop()

je voudrai donc remplacer blanc.png par tito.png ...
Merci de votre attention !

13/04/2018, 08h06
wiztricks
Salut,

Pour modifier un widget lorsqu'on appuie sur un Button, il faut lui associer un callback/fonction à appeler lorsqu'on clique dessus. Et c'est ce callback/fonction qui fera le boulot. En code, ça donne:
Code:

1 2 3 4 5 6 7 8 9 10 import tkinter as tk root = tk.Tk() def callback(): btn.configure(bg='red') btn = tk.Button(root, text='click', command=callback) btn.pack() tk.mainloop()
Ici, on ne fait que modifier la couleur de fond du Button, mais c'est la même mécanique pour modifier un item d'un Canvas. Pour comprendre les détails de cette mécanique de base, les tutos sont là pour çà.
Et lorsque vous serez à l'aise avec ces mécanismes, il faut regarder la spécificité de chaque widget utilisé dans une documentation tkinter.

Citation:

Envoyé par fazerchiotte

ça a beau avoir l'air évident à dire je n'arrive pas a la faire alors je tente ma chance ici .

Si c'était "évident", il n'aurait pas été nécessaire d'écrire documentations et tutoriels.
Et il est normal de ne pas s'en sortir si vous vous lancez là dedans sans avoir pris le temps de les consulter/travailler... Mais apprendre est quelque chose qu'on ne peut faire à votre place.

- W
15/04/2018, 17h33
fazerchiotte

bonjour,
je n'arrive pas même avec la fonction itemconfig, je désespère car la documentation est très légère sur ce sujet et je n'y comprend rien ...

Salut,

Citation:

Envoyé par fazerchiotte

je n'arrive pas même avec la fonction itemconfig, je désespère car la documentation est très légère sur ce sujet et je n'y comprend rien ...

EN modifiant légèrement le code précédent:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 import tkinter as tk root = tk.Tk() canvas = tk.Canvas() canvas.pack() iid = canvas.create_rectangle(0, 0, 200, 200) def callback(): canvas.itemconfig(iid, fill='red') btn = tk.Button(root, text='click', command=callback) btn.pack() tk.mainloop()
vous voyez, c'est pas compliqué mais si vous n'avez pas pris le temps d'ouvrir un tuto. sûr que lire la documentation des widgets sera difficile, et on ne va pas coder à votre place.

- W

16/04/2018, 20h55
fazerchiotte

effectivement ce n'est pas compliqué mais moi je souhaite faire ça avec une image et non avec une couleur dans un canvas c'est la que repose mon problème
16/04/2018, 21h54
wiztricks

Citation:

Envoyé par fazerchiotte

c'est la que repose mon problème

Quel problème? Au cas où vous avez des exemples dans la FAQ.

- W
16/04/2018, 23h12
fazerchiotte

le problème est: comment changer l'image dans un canvas déjà existant ?
17/04/2018, 07h53
wiztricks

Citation:

Envoyé par fazerchiotte

le problème est: comment changer l'image dans un canvas déjà existant ?

Si pour créer l'image, c'est .create_image(..., image=...) pour la changer ce sera .itemconfig(..., image=...) comme dans le cas du rectangle.
La seule difficulté étant de garder une référence à la Photoimage comme mentionné dans l'article de la FAQ.

- W
17/04/2018, 12h04
fazerchiotte

J'ai résolu mon problème