modifier le contenu d'un canvas avec un bouton

**fazerchiotte** · 12/04/2018, 22h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**wiztricks** · 13/04/2018, 08h06

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

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

**fazerchiotte** · 15/04/2018, 17h33

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 ...

**wiztricks** · 15/04/2018, 18h29

Salut,

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**fazerchiotte** · 16/04/2018, 20h55

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