Saving canvas from tkinter to file - python

So I followed this post:
How can I convert canvas content to an image?
And when I tried to do as mentioned in the last suggestion, I get the following problem:
When I call it out like this, the image/screenshot is taken too early and therefore the required image won't be captured. Here's the code:
from tkinter import *
from PIL import ImageGrab
root = Tk()
cv = Canvas(root)
cv.pack()
cv.create_rectangle(10,10,50,50)
#cv.create_line([0, 10, 10, 10], fill='green')
cv.update()
#print(root.winfo_width())
def getter(widget):
x=root.winfo_rootx()+widget.winfo_x()
print(x)
y=root.winfo_rooty()+widget.winfo_y()
print(y)
x1=x+widget.winfo_width()
print(x1)
y1=y+widget.winfo_height()
print(y1)
ImageGrab.grab().crop((x,y,x1,y1)).save("em.jpg")
getter(cv)
root.mainloop()
By the way, if there is a simplier solution, I would appreciate it!
The thing is that the saving part will be added to the code dynamically later so the solution should be as light as possible.
Thanks in advance!
PS: Maybe it is even possible to save the canvas without displaying it beforehand? Just by the code?

Below is the code for taking screenshots of just the tkinter canvas. PIL.ImageGrab module does not work in Linux; replaced that with pyscreenshot. Tested this code in Ubuntu 16.04. You may have to check if it operates in Windows/OSx. Please note the remarks in function self._grabtofile.
Remark: In Ubuntu, this script had to be executed directly on commandline/terminal to work. It did not work when executed from IDLE for python3.
Summary:
Able to display the screenschoot of a tkinter canvas and save it to file a
using two events.
Able to screenshot tkinter canvas (w/o displaying it) and save it to
file using one event.
Working code:
#!/usr/bin/python3
# -*- coding: utf-8 -*-
try:
import tkinter as tk # Python 3 tkinter modules
except ImportError:
import Tkinter as tk # Python 2 tkinter modules
from PIL import Image, ImageTk
#from PIL import Image, ImageTk, ImageGrab # For Windows & OSx
import pyscreenshot as ImageGrab # For Linux
class App(tk.Frame):
def __init__(self, parent):
tk.Frame.__init__(self, parent)
self.parent=parent
file = 'images.jpg'
self.img = Image.open(file)
#self.img.show() #Check to proof image can be read in and displayed correctly.
self.photo = ImageTk.PhotoImage(self.img)
print('size of self.img =', self.img.size)
centerx= self.img.size[0]//2
centery= self.img.size[1]//2
print ('center of self.img = ', centerx, centery)
self.cv = tk.Canvas(self)
self.cv.create_image(centerx, centery, image=self.photo)
self.cv.create_rectangle(centerx*0.5,centery*0.5,centerx*1.5,centery*1.5,
outline='blue')
self.cv.grid(row=0, column=0, columnspan=3, sticky='nsew')
self.snappic=tk.Button(self, text='SNAP', command=self._snapCanvas)
self.snappic.grid(row=1, column=0, sticky='nsew')
self.savepic=tk.Button(self, text='SAVE', command=self._save)
self.savepic.grid(row=1, column=1, sticky='nsew')
self.directsavepic=tk.Button(self, text='Grab_to_File', command=self._grabtofile)
self.directsavepic.grid(row=1, column=2, sticky='nsew')
self.snapsave=tk.Button(self, text='SNAP & SAVE', command=self._snapsaveCanvas)
self.snapsave.grid(row=2, column=0, columnspan=2, sticky='nsew')
def _snapCanvas(self):
print('\n def _snapCanvas(self):')
canvas = self._canvas() # Get Window Coordinates of Canvas
self.grabcanvas = ImageGrab.grab(bbox=canvas)
self.grabcanvas.show()
def _save(self):
self.grabcanvas.save("out.jpg")
print('Screenshoot of tkinter.Canvas saved in "out.jpg"')
def _grabtofile(self):
'''Remark: The intension was to directly save a screenshoot of the canvas in
"out_grabtofile.png".
Issue 1: Only a full screenshot was save.
Issue 2: Saved image format defaults to .png. Other format gave errors.
Issue 3: "ImageGrab.grab_to_file" only able to return full screenshoot
and not just the canvas. '''
print('\n def _grabtofile(self):')
canvas = self._canvas() # Get Window Coordinates of Canvas
print('canvas = ', canvas)
ImageGrab.grab_to_file("out_grabtofile.png", ImageGrab.grab(bbox=canvas))
print('Screenshoot of tkinter.Canvas directly saved in "out_grabtofile.png"')
def _snapsaveCanvas(self):
print('\n def _snapsaveCanvas(self):')
canvas = self._canvas() # Get Window Coordinates of Canvas
self.grabcanvas = ImageGrab.grab(bbox=canvas).save("out_snapsave.jpg")
print('Screencshot tkinter canvas and saved as "out_snapsave.jpg w/o displaying screenshoot."')
def _canvas(self):
print(' def _canvas(self):')
print('self.cv.winfo_rootx() = ', self.cv.winfo_rootx())
print('self.cv.winfo_rooty() = ', self.cv.winfo_rooty())
print('self.cv.winfo_x() =', self.cv.winfo_x())
print('self.cv.winfo_y() =', self.cv.winfo_y())
print('self.cv.winfo_width() =', self.cv.winfo_width())
print('self.cv.winfo_height() =', self.cv.winfo_height())
x=self.cv.winfo_rootx()+self.cv.winfo_x()
y=self.cv.winfo_rooty()+self.cv.winfo_y()
x1=x+self.cv.winfo_width()
y1=y+self.cv.winfo_height()
box=(x,y,x1,y1)
print('box = ', box)
return box
if __name__ == '__main__':
root = tk.Tk()
root.title('App'), root.geometry('300x300')
app = App(root)
app.grid(row=0, column=0, sticky='nsew')
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
app.rowconfigure(0, weight=10)
app.rowconfigure(1, weight=1)
app.columnconfigure(0, weight=1)
app.columnconfigure(1, weight=1)
app.columnconfigure(2, weight=1)
app.mainloop()
Screenshot of GUI:
Screenshot of GUI's tk.Canvas:

I know this is an old post but I just want to share what worked for me, hopefully it will help somebody with similar problem.
import tkinter as tk
from PIL import Image
import io
import os
import subprocess
root = Tk()
cv = Canvas(root)
cv.pack()
cv.create_rectangle(10,10,50,50)
ps = cv.postscript(colormode='color')
img = Image.open(io.BytesIO(ps.encode('utf-8')))
img.save('filename.jpg', 'jpeg')
root.mainloop()
In this solution, you have to have ghostscript and Pillow installed.
For MacOS, install ghostscript with
brew install ghostscript
and Pillow with
pip install Pillow

Related

How to make button command to open image inside window in tkinter?

I am attempting to create a very simple image viewer in tkinter with two simple buttons view and close. I have the close button functioning as intended but I am unable to get my view button to open the specified image in my file directory. I have tried importing ImageTK to write a button command to open it but have so far been unsuccessful.
import tkinter as tk
from PIL import ImageTk,Image
class image_viewer:
def __init__(self, win):
self.root = win
self.root.title('ImageViewer')
self.root.geometry('400x350')
self.btnView = tk.Button(text='View', command= ImageTk.PhotoImage(Image.open(r"C:\Users\SteveSmith\eclipse-workspace\SteveSmith-ex1\src\raw\pythonIsFun.jpg")))
self.btnView.pack(side=tk.LEFT)
self.btnView.place(x=20, y=265)
self.btnClose = tk.Button(text='close', command=self.root.destroy)
self.btnClose.pack(side=tk.LEFT)
self.btnClose.place(x=65, y=265)
def main():
root = tk.Tk()
image_viewer(root)
root.mainloop()
if __name__ == '__main__':
main()
There are a number of errors in your code and previously I closed it after picking one of them and marking it as a duplicate of another question that had been asked and answered before that covered that problem.
However, based on comments you made and after thinking it over, I decided to reopen it and attempt to address all or at least most of the issues I saw — otherwise it would likely have taken you quite a while to get everything fixed.
Here's the result:
from PIL import ImageTk, Image
import tkinter as tk
class ImageViewer:
def __init__(self, root, image_filename):
self.root = root
self.image_filename = image_filename
self.root.title('ImageViewer')
self.root.geometry('400x350')
self.canvas = tk.Canvas(self.root, width=300, height=300)
self.canvas.place(x=10, y=10)
self.btnView = tk.Button(text='View', command=self.view_image)
self.btnView.place(x=20, y=265)
self.btnClose = tk.Button(text='close', command=self.root.destroy)
self.btnClose.place(x=65, y=265)
def view_image(self):
self.img = ImageTk.PhotoImage(Image.open(self.image_filename)) # Keep ref to image.
self.canvas.create_image(20, 20, anchor=tk.NW, image=self.img)
def main(image_filename):
root = tk.Tk()
ImageViewer(root, image_filename)
root.mainloop()
if __name__ == '__main__':
main(r"C:\Users\SteveSmith\eclipse-workspace\SteveSmith-ex1\src\raw\pythonIsFun.jpg")

How to make a file open by default with tkinter app?

I made a tkinter app for displaying images, and I was wondering if there's a way to make an image open by default with this app
At the moment if I try that, I get an error for some non declared icon file (this is the icon that appears near the name of the app at the top)
There's no real goal behin this Gui, I'm just experimenting and learning.
Thanks
Try this:
from PIL import Image, ImageTk
import tkinter as tk
from tkinter import filedialog
my_img = []
def FileImport():
file = filedialog.askopenfilename()
my_img.clear()
my_img.append(ImageTk.PhotoImage(Image.open(file)))
label1.config(image=my_img[0])
root= tk.Tk()
root.title('Main')
root.geometry('400x400')
label = tk.Label(root, text = "Browse", fg="purple")
label.pack()
button = tk.Button(root, text='See Image',fg="blue", command=FileImport)
button.pack()
my_img.append(ImageTk.PhotoImage(Image.open(your_first_image)))
label1 = tk.Label(root, image = my_img[0])
label1.pack(pady= 50)
root.mainloop()
When you run this:
After you tap to see different image from computer:
Hope It helps!

trying to show an image in python using Tkinter

I have been trying to show an image for a game but it doesn't show can i please have some help?
I've tried to download PIL but it doesn't work with python 3.
from tkinter import *
canvas = Canvas(width=500, height=500)
canvas.pack(expand=YES, fill=BOTH)
Logo = PhotoImage('photo.gif')
canvas.create_image(50, 10, image=Logo)
label = Label(image=Logo)
label.image = Logo
label.pack()
mainloop()
If you dont tell PhotoImage() what the first argunent is, it will assume its the widget's name. To get it to load a file you have to explicitly tell it that it is a file:
Logo = PhotoImage(file='photo.gif')
Python 3.6.4 with Pillow 5.2.0
You can use: python -m pip install Pillow
Here is an example of how to use PIL with tkinter
from PIL import Image, ImageTk
import tkinter as tk
root = tk.Tk()
img = Image.open("test.png")
tk_image = ImageTk.PhotoImage(img)
label =tk.Label(root, image=tk_image)
label.pack()
root.mainloop()

Tkinter paste image in textbox from clipboard

I am trying to paste get an image from clipboard and paste it into the textbox/label in tkinter. My code is below.
# page4 buttons and functions
f7 = Frame(page4)
f7.grid(row=0, column=0, sticky='NESW')
f8 = Frame(page4)
f8.grid(row=0, column=0, columnspan=2, sticky='NESW')
tb8 = Label(f7, width=82)
tb8.grid(row=0, column=0, sticky='NESW')
tb9 = Text(f7, width=30)
tb9.grid(row=0, column=1, sticky='NESW')
def imgps():
try:
image = root.selection_get(selection='CLIPBOARD')
img = ImageTk.PhotoImage(Image.open(image))
tb8.config(page4, image=img)
tb8.clipboard_clear()
except:
messagebox.showinfo(message="Clipboard is Empty.")
pbtn11 = Button(f8, text="IMAGE", activebackground="lavender",
activeforeground="RoyalBlue", bd="5", bg="aquamarine2",
command=imgps, fg="purple", font=('arial', 10, 'bold'))
pbtn11.grid(row=0, column=0, sticky='NESW')
Nothing appears on the area intended and neither any error is shown up. But, whence I close the application. the Messagebox turns up. Seems like weird coding. Can somebody help.
Here is a simple example of adding an image to the label.
Keep in mind you will need to make sure that a reference to the image is saved or else you will not see an image in your app.
Update:
I believe this updated answer should work for you. The code will try to grab the image from clipboard using the ImageGrab method in PIL if there is one and then it saves the image to a temp folder. We then load that image to the label and then delete the image from the temp folder.
import tkinter as tk
import os
from tkinter import messagebox
from PIL import ImageTk, ImageGrab
root = tk.Tk()
tb8 = tk.Label(root, width=82)
tb8.grid(row=0, column=0, sticky='nsew')
def imgps():
try:
temp_path = "./TempImage/some_image.gif" # Whatever temp path you want here
im = ImageGrab.grabclipboard() # Get image from clipboard
im.save(temp_path) # save image to temp folder
load_for_label = ImageTk.PhotoImage(file=temp_path) # load image from temp folder
tb8.config(image=load_for_label) # set image to label
tb8.image = load_for_label # save reference to image in memory
tb8.clipboard_clear() # clear clipboard
os.remove(temp_path) # delete temp file
except:
messagebox.showinfo(message="Clipboard is Empty.")
pbtn11 = tk.Button(root, text="IMAGE", command=imgps)
pbtn11.grid(row=1, column=0, sticky='nsew')
root.mainloop()
I did try several ways to load the image directly from the clipboard but I kept running into errors. So my above solutions might not be 100% the fastest way to implement this but should work well enough.

Setting Background image to GUI

I made a GUI with few buttons and I want to change the gray background to an image.
my code looks like this:
from tkinter import *
from urlread import givenumbers # my function
""" Setting The Main GUI """
GUI = Tk()
GUI.title('Check GUI')
GUI.iconbitmap('test.ico')
GUI.geometry("400x400")
background_image=PhotoImage('pic.jpg')
background_label = Label(GUI, image=background_image)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
""" Reading Images For Buttons """
A_Im = PhotoImage(file='A.gif')
""" Creating Buttons """
# A Button
A_Button = Button(GUI, image=A_Im, command=givenumbers)
A_Button.grid(column=0, row=1)
GUI.mainloop()
The code runs without error but the background is still gray without any effect.
The problem is in the line background_image=PhotoImage('pic.jpg'). The PhotoImage class only supports GIF-files, which means that it cannot read the file you're specifying. You should try something like this:
#Python 2.7
import Tkinter as tk
from PIL import Image, ImageTk
window = tk.Tk()
image = Image.open('image.jpg')
photo_image = ImageTk.PhotoImage(image)
label = tk.Label(window, image = photo_image)
label.pack()
# Python 3
import tkinter as tk
from PIL import Image, ImageTk
window = tk.Tk()
image = Image.open('image.jpg')
photo_image = ImageTk.PhotoImage(image)
label = tk.Label(window, image = photo_image)
label.pack()
The Image class from the PIL module supports a variety of formats, among which jpeg and png. You can install the PIL module by running pip install pillow in a command prompt or terminal.
If you want to put the widgets on top of the Label, you could indeed using grid to get them on top of each other, but using a Canvas would probably be easier. You can find more about the Canvas widget here.
This can be done without pil also:
from tkinter import *
import tkinter as ttk
""" Setting The Main GUI """
GUI = Tk()
F1=Frame(GUI)
F1=Frame(GUI,width=400,height=450)
F1.place(height=7000, width=4000, x=100, y=100)
F1.config()
F1.grid(columnspan=10,rowspan=10)
F1.grid_rowconfigure(0,weight=1)
F1.grid_columnconfigure(0,weight=1)
photo=PhotoImage(file="C:\\Users\\HOME\\Desktop\\Eshita\\12th\\computer
\\python\\GUI\\math3.gif")
label = Label(GUI,image = photo)
label.image = photo # keep a reference!
label.grid(row=0,column=0,columnspan=20,rowspan=20)
b=ttk.Button(GUI,text="Start")
b.grid(row=8,column=8)
GUI.mainloop()

Categories