如何在一个tkinter框架中显示多个图像副本和源图像。

huangapple
go评论111阅读模式
英文:

how to display multiple image copies and source image in one tkinter frame

问题

我能在一个帧中显示保存的mp4文件，并想尝试复制源文件并在一个帧中显示源mp4，如下图所示：

如何在一个tkinter框架中显示多个图像副本和源图像。

  1. from tkinter import *
  2. from PIL import Image, ImageTk
  3. import cv2
  5. root = Tk()
  6. root.title("Video!")
  8. # vid = cv2.VideoCapture("vid1.mp4")
  9. vid = cv2.VideoCapture(0)
  10. width = vid.get(cv2.CAP_PROP_FRAME_WIDTH)
  11. height = vid.get(cv2.CAP_PROP_FRAME_HEIGHT)
  13. def get_frame():
  14.     ret, frame = vid.read()
  15.     if ret:
  16.         return (ret, cv2.cvtColor(frame, cv2.COLOR_BGR2RGB))
  17.     else:
  18.         return (ret, None)
  20. def update():
  21.     ret, frame = get_frame()
  22.     if ret:
  23.         img = Image.fromarray(frame)
  24.         photo = ImageTk.PhotoImage(image=img)
  25.         canvas.create_image(0, 0, image=photo, anchor=NW)
  26.         canvas.image = photo
  27.     root.after(delay, update)
  29. canvas = Canvas(root, width=width, height=height)
  30. canvas.pack()
  31. delay = 15
  32. update()
  33. root.mainloop()
  34. vid.release()
  36. thank you

希望这对你有帮助。

英文:

i am able to display saved mp4 file in 1 frame and want to try copy the source and display it in one frame with the source mp4.

as following image

如何在一个tkinter框架中显示多个图像副本和源图像。

  1. from tkinter import *
  2. from PIL import Image, ImageTk
  3. import cv2
  5. root = Tk()
  6. root.title("Video!")
  8. # vid = cv2.VideoCapture("vid1.mp4")
  9. vid = cv2.VideoCapture(0)
  10. width = vid.get(cv2.CAP_PROP_FRAME_WIDTH)
  11. height = vid.get(cv2.CAP_PROP_FRAME_HEIGHT)
  12. def get_frame():
  13.     ret,frame = vid.read()
  14.     if ret :
  15.         return(ret,cv2.cvtColor(frame,cv2.COLOR_BGR2RGB))
  16.     else :
  17.         return(ret,None)
  18. def update():
  19.     ret,frame = get_frame()
  20.     if ret :
  21.         img = Image.fromarray(frame)
  22.         photo = ImageTk.PhotoImage(image=img)
  23.         canvas.create_image(0, 0, image = photo, anchor = NW)
  24.         canvas.image=photo
  25.     root.after(delay,update)
  27. canvas = Canvas(root, width = width, height = height)
  28. canvas.pack()
  29. delay = 15
  30. update()
  31. root.mainloop()
  32. vid.release()

thank you

答案1

得分: 1

您可以使用cv2.vconcat和cv2.hconcat来合并您的图像并一次显示它们。

例如，如果您修改您的更新函数如下：

  1. def update():
  2.     ret, frame = get_frame()
  3.     im1 = frame           #您的第一张期望的图像
  4.     im2 = frame.copy()    #第二张图像
  5.     im3 = frame.copy()    #第三张图像
  6.     im4 = frame.copy()    #第四张图像
  7.     im5 = frame.copy()    #第五张图像
  8.     im6 = frame.copy()    #最后一张图像
  10.     upper_part = cv2.hconcat([im1, im2, im3])
  11.     lower_part = cv2.hconcat([im4, im5, im6])
  12.     final_image = cv2.vconcat([upper_part, lower_part])
  14.     if ret:
  15.         img = Image.fromarray(final_image)
  16.         photo = ImageTk.PhotoImage(image=img)
  17.         canvas.create_image(0, 0, image=photo, anchor=NW)
  18.         canvas.image = photo
  19.     root.after(delay, update)

您将获得六个图像连接在一起并放置在您的tkinter框架上。有关在OpenCV中进行连接的更多信息，请查看这里：https://stackoverflow.com/questions/7589012/combining-two-images-with-opencv

英文:

You can use cv2.vconcat and cv2.hconcat to unite your images and show them at once.

For example if you modify your update function like this:

  1. def update():
  2.     ret,frame = get_frame()
  3.     im1 = frame           #your first desired image
  4.     im2 = frame.copy()    #second image
  5.     im3 = frame.copy()    #third image
  6.     im4 = frame.copy()    #fourth image
  7.     im5 = frame.copy()    #fifth image
  8.     im6 = frame.copy()    #last image
  10.     upper_part = cv2.hconcat([im1,im2,im3]) 
  11.     lower_part= cv2.hconcat([im4,im5,im6]) 
  12.     final_image = cv2.vconcat([upper_part,lower_part])
  14.     if ret :
  15.         img = Image.fromarray(final_image) 
  16.         photo = ImageTk.PhotoImage(image=img)
  17.         canvas.create_image(0, 0, image = photo, anchor = NW)
  18.         canvas.image=photo
  19.     root.after(delay,update)

You will get the six image concatenated and placed on your tkinter frame. Check here for more info on concatenation in opencv: https://stackoverflow.com/questions/7589012/combining-two-images-with-opencv

huangapple
  • 本文由 发表于 2023年7月18日 11:12:07
  • 转载请务必保留本文链接：https://go.coder-hub.com/76709309.html
  • opencv
  • python
  • tkinter
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定