使用Tkinter Canvas小部件添加放大和缩小功能？
使用Tkinter Canvas小部件添加放大和缩小功能？
提问于 2011-03-26 02:48:32
我该如何在下面的脚本中添加放大和缩小，我想把它绑定到鼠标滚轮上。如果您在linux上测试此脚本，请不要忘记将MouseWheel事件更改为Button-4和Button-5。
from Tkinter import *
import Image, ImageTk
class GUI:
def __init__(self,root):
frame = Frame(root, bd=2, relief=SUNKEN)
frame.grid_rowconfigure(0, weight=1)
frame.grid_columnconfigure(0, weight=1)
xscrollbar = Scrollbar(frame, orient=HORIZONTAL)
xscrollbar.grid(row=1, column=0, sticky=E+W)
yscrollbar = Scrollbar(frame)
yscrollbar.grid(row=0, column=1, sticky=N+S)
self.canvas = Canvas(frame, bd=0, xscrollcommand=xscrollbar.set, yscrollcommand=yscrollbar.set, xscrollincrement = 10, yscrollincrement = 10)
self.canvas.grid(row=0, column=0, sticky=N+S+E+W)
File = "PATH TO JPG PICTURE HERE"
self.img = ImageTk.PhotoImage(Image.open(File))
self.canvas.create_image(0,0,image=self.img, anchor="nw")
self.canvas.config(scrollregion=self.canvas.bbox(ALL))
xscrollbar.config(command=self.canvas.xview)
yscrollbar.config(command=self.canvas.yview)
frame.pack()
self.canvas.bind("<Button 3>",self.grab)
self.canvas.bind("<B3-Motion>",self.drag)
root.bind("<MouseWheel>",self.zoom)
def grab(self,event):
self._y = event.y
self._x = event.x
def drag(self,event):
if (self._y-event.y < 0): self.canvas.yview("scroll",-1,"units")
elif (self._y-event.y > 0): self.canvas.yview("scroll",1,"units")
if (self._x-event.x < 0): self.canvas.xview("scroll",-1,"units")
elif (self._x-event.x > 0): self.canvas.xview("scroll",1,"units")
self._x = event.x
self._y = event.y
def zoom(self,event):
if event.delta>0: print "ZOOM IN!"
elif event.delta<0: print "ZOOM OUT!"
root = Tk()
GUI(root)
root.mainloop()回答 4
Stack Overflow用户
回答已采纳
发布于 2011-04-12 09:33:21
据我所知，内置的Tkinter Canvas类缩放不会自动缩放图像。如果无法使用自定义小部件，则可以缩放原始图像，并在调用scale函数时在画布上替换它。
下面的代码片段可以合并到您的原始类中。它执行以下操作：
- 缓存
Image.open(). - Adds a
函数的结果以计算缩放图像，并将其添加到画布，还会删除之前绘制的图像(如果有)。
- 使用鼠标坐标作为图像放置的一部分。我只是将
x and y传递给create_image函数，以显示图像位置如何随着鼠标的移动而移动。你可以用你自己的中心/偏移量来代替它，使用Linux的鼠标滚轮按钮4和5(你需要把它推广到calculation. - This上，等等)。
(更新的)代码：
class GUI:
def __init__(self, root):
# ... omitted rest of initialization code
self.canvas.config(scrollregion=self.canvas.bbox(ALL))
self.scale = 1.0
self.orig_img = Image.open(File)
self.img = None
self.img_id = None
# draw the initial image at 1x scale
self.redraw()
# ... rest of init, bind buttons, pack frame
def zoom(self,event):
if event.num == 4:
self.scale *= 2
elif event.num == 5:
self.scale *= 0.5
self.redraw(event.x, event.y)
def redraw(self, x=0, y=0):
if self.img_id:
self.canvas.delete(self.img_id)
iw, ih = self.orig_img.size
size = int(iw * self.scale), int(ih * self.scale)
self.img = ImageTk.PhotoImage(self.orig_img.resize(size))
self.img_id = self.canvas.create_image(x, y, image=self.img)
# tell the canvas to scale up/down the vector objects as well
self.canvas.scale(ALL, x, y, self.scale, self.scale)更新我做了一些不同规模的测试，发现resize / create_image占用了相当多的内存。我在一台内存为32 on的Mac Pro上使用540x375JPEG进行了测试。以下是用于不同比例因子的内存：
1x (500, 375) 14 M
2x (1000, 750) 19 M
4x (2000, 1500) 42 M
8x (4000, 3000) 181 M
16x (8000, 6000) 640 M
32x (16000, 12000) 1606 M
64x (32000, 24000) ...
reached around ~7400 M and ran out of memory, EXC_BAD_ACCESS in _memcpy考虑到上述情况，更有效的解决方案可能是确定将显示图像的视口的大小，计算鼠标坐标中心周围的裁剪矩形，使用矩形裁剪图像，然后仅缩放裁剪的部分。这应该使用常量内存来存储临时图像。否则，您可能需要使用第三方Tkinter控件来为您执行此裁剪/窗口缩放。
更新2工作，但过于简单的裁剪逻辑，只是为了让你开始：
def redraw(self, x=0, y=0):
if self.img_id: self.canvas.delete(self.img_id)
iw, ih = self.orig_img.size
# calculate crop rect
cw, ch = iw / self.scale, ih / self.scale
if cw > iw or ch > ih:
cw = iw
ch = ih
# crop it
_x = int(iw/2 - cw/2)
_y = int(ih/2 - ch/2)
tmp = self.orig_img.crop((_x, _y, _x + int(cw), _y + int(ch)))
size = int(cw * self.scale), int(ch * self.scale)
# draw
self.img = ImageTk.PhotoImage(tmp.resize(size))
self.img_id = self.canvas.create_image(x, y, image=self.img)
gc.collect()Stack Overflow用户
发布于 2011-06-02 09:24:25
为了其他发现这个问题的人的利益，我附上了我的neer最终测试代码，它使用画中画/放大镜缩放。这基本上只是对samplebias已经发布的内容的修改。同样很酷的是:)。
如前所述，如果您在linux上使用此脚本，请不要忘记将MouseWheel事件更改为Button-4和Button-5。显然，您需要在显示为"INSERT .JPG FILE PATH“的位置插入JPG路径。
from Tkinter import *
import Image, ImageTk
class LoadImage:
def __init__(self,root):
frame = Frame(root)
self.canvas = Canvas(frame,width=900,height=900)
self.canvas.pack()
frame.pack()
File = "INSERT JPG FILE PATH"
self.orig_img = Image.open(File)
self.img = ImageTk.PhotoImage(self.orig_img)
self.canvas.create_image(0,0,image=self.img, anchor="nw")
self.zoomcycle = 0
self.zimg_id = None
root.bind("<MouseWheel>",self.zoomer)
self.canvas.bind("<Motion>",self.crop)
def zoomer(self,event):
if (event.delta > 0):
if self.zoomcycle != 4: self.zoomcycle += 1
elif (event.delta < 0):
if self.zoomcycle != 0: self.zoomcycle -= 1
self.crop(event)
def crop(self,event):
if self.zimg_id: self.canvas.delete(self.zimg_id)
if (self.zoomcycle) != 0:
x,y = event.x, event.y
if self.zoomcycle == 1:
tmp = self.orig_img.crop((x-45,y-30,x+45,y+30))
elif self.zoomcycle == 2:
tmp = self.orig_img.crop((x-30,y-20,x+30,y+20))
elif self.zoomcycle == 3:
tmp = self.orig_img.crop((x-15,y-10,x+15,y+10))
elif self.zoomcycle == 4:
tmp = self.orig_img.crop((x-6,y-4,x+6,y+4))
size = 300,200
self.zimg = ImageTk.PhotoImage(tmp.resize(size))
self.zimg_id = self.canvas.create_image(event.x,event.y,image=self.zimg)
if __name__ == '__main__':
root = Tk()
root.title("Crop Test")
App = LoadImage(root)
root.mainloop()Stack Overflow用户
发布于 2011-04-12 02:53:32
查看TkZinc小部件而不是简单的画布可能是个好主意，因为它支持通过OpenGL进行扩展。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5436810
复制相关文章
相似问题
腾讯云开发者
