Mettez la ligne:

canvas.create_image(0,0,image=img, anchor="nw")

après:

canvas.config(scrollregion=canvas.bbox(tkinter.ALL))

ou le canevas n'inclut pas l'image dans scrollregion.

p>

Définissez la zone de défilement du canevas après avoir dessiné l'image:

canvas.create_image(0, 0, image=img, anchor="nw")
canvas.config(scrollregion=canvas.bbox(tkinter.ALL))

Si vous voulez un widget d'image défilante, le meilleur moyen serait de créer une classe d'image défilante qui arrangera et ressemblera mieux à votre code. J'ai donc créé une classe pour le même et également ajouté bind afin que l'on puisse faire défiler leur souris pour voir l'image plus facilement.

Voici l'exemple de code

import tkinter as tk
# Import the package if saved in a different .py file else paste 
# the ScrollableImage class right after your imports.
from scrollimage import ScrollableImage   

root = tk.Tk()

# PhotoImage from tkinter only supports:- PGM, PPM, GIF, PNG format.
# To use more formats use PIL ImageTk.PhotoImage
img = tk.PhotoImage(file="logo.png")

image_window = ScrollableImage(root, image=img, scrollbarwidth=6, 
                               width=200, height=200)
image_window.pack()

root.mainloop()

Comment utiliser la classe?

Traitez la classe ScrollableImage comme un widget de Tkinter et utilisez comme vous utilisez n'importe quel autre widget Tkinter car tous les autres widgets sont une classe à eux seuls si vous voyez le code source de tkinter .

Vous pouvez utiliser ScrollableImage de différentes manières.

1. Enregistrez le code ci-dessus dans un nouveau fichier .py (par exemple: "scrollimage.py") en tant que package dans le même répertoire puis importez dans votre classe principale comme from scrollimage import ScrollableImage puis utilisez-le comme un widget normal.

2. Ou vous pouvez garder la classe ScrollableImage en haut après les importations de votre fichier principal et l'utiliser comme d'habitude.

import tkinter

class ScrollableImage(tkinter.Frame):
    def __init__(self, master=None, **kw):
        self.image = kw.pop('image', None)
        sw = kw.pop('scrollbarwidth', 10)
        super(ScrollableImage, self).__init__(master=master, **kw)
        self.cnvs = tkinter.Canvas(self, highlightthickness=0, **kw)
        self.cnvs.create_image(0, 0, anchor='nw', image=self.image)
        # Vertical and Horizontal scrollbars
        self.v_scroll = tkinter.Scrollbar(self, orient='vertical', width=sw)
        self.h_scroll = tkinter.Scrollbar(self, orient='horizontal', width=sw)
        # Grid and configure weight.
        self.cnvs.grid(row=0, column=0,  sticky='nsew')
        self.h_scroll.grid(row=1, column=0, sticky='ew')
        self.v_scroll.grid(row=0, column=1, sticky='ns')
        self.rowconfigure(0, weight=1)
        self.columnconfigure(0, weight=1)
        # Set the scrollbars to the canvas
        self.cnvs.config(xscrollcommand=self.h_scroll.set, 
                           yscrollcommand=self.v_scroll.set)
        # Set canvas view to the scrollbars
        self.v_scroll.config(command=self.cnvs.yview)
        self.h_scroll.config(command=self.cnvs.xview)
        # Assign the region to be scrolled 
        self.cnvs.config(scrollregion=self.cnvs.bbox('all'))
        self.cnvs.bind_class(self.cnvs, "<MouseWheel>", self.mouse_scroll)

    def mouse_scroll(self, evt):
        if evt.state == 0 :
            self.cnvs.yview_scroll(-1*(evt.delta), 'units') # For MacOS
            self.cnvs.yview_scroll(int(-1*(evt.delta/120)), 'units') # For windows
        if evt.state == 1:
            self.cnvs.xview_scroll(-1*(evt.delta), 'units') # For MacOS
            self.cnvs.xview_scroll(int(-1*(evt.delta/120)), 'units') # For windows

La liaison nécessite quelques modifications sur fenêtres comme diviser event.delta par 120. Sur macOS, aucune modification n'est nécessaire. Et sur X11, vous devez lier à la fois , et également diviser event.delta par 120.

• Tkinter Mousewheel Binding

  Pour plus de détails sur bind et comment cela fonctionne sur différentes plates-formes, vous pouvez consulter le lien ci-dessus.

• Meilleur moyen de structurer l'application Tkinter.

  Vous pouvez vous référer au lien ci-dessus pour lire en détail comment vous pouvez appliquer correctement Oops dans Tkinter. Lorsque vous utilisez les POO, vous pouvez toujours hériter de n'importe quel widget de Tkinter et le modifier pour créer de nouveaux widgets et des classes utiles qui vous aideront à améliorer votre application avec Tkinter.