Zetcode Com Tkinter Drawing

Home Contents Subscribe Previous Nex
Drawing in Tkinter
In this part of the Tkinter tutorial we will do some drawing. Drawing in Tkinter is done on the Canvas widget. Canvas is a high
level facility for doing graphics in Tkinter.
It can be used to create charts, custom widgets, or create games.
Lines
A line is a simple geometric primitive. The create_line() method creates a line item on the Canvas.
lines.py
#!/usr/bin/env python3
"""
ZetCode Tkinter tutorial
The example draws lines on the Canvas.
Author: Jan Bodnar

Last modified: April 2019
Website: www.zetcode.com
"""
from tkinter import Tk, Canvas, Frame, BOTH
class Example(Frame):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.master.title("Lines")
self.pack(fill=BOTH, expand=1)
This website uses cookies to ensure you get
canvas = Canvas(self) the best experience on our website
canvas.create_line(15, 25, 200, 25)
canvas.create_line(300, 35, 300, 200, dash=(4, 2)) Got it!
canvas.create_line(55, 85, 155, 85, 105, 180, 55, 85)
canvas.pack(fill=BOTH, expand=1)
def main():
root = Tk()
ex = Example()
root.geometry("400x250+300+300")
root.mainloop()
if __name__ == '__main__':
main()
In the code example, we draw simple lines.
canvas.create_line(15, 25, 200, 25)
The parameters of the create_line() method are the x and y coordinates of the start and end points of the line.
canvas.create_line(300, 35, 300, 200, dash=(4, 2))
A vertical line is drawn. The dash option specifies the dash pattern of the line. We have a line consisting of alternating segmen
of 4 px dash and 2 px space.
canvas.create_line(55, 85, 155, 85, 105, 180, 55, 85)
The create_line() method can take multiple points. This line draws a triangle.
Figure: Lines
Colours
A colour is an object representing a combination of Red, Green, and Blue (RGB) intensity values.
colours.py the best experience on our website
#!/usr/bin/env python3 Got it!
"""
This program draws three
rectangles filled with different
colours.
Author: Jan Bodnar

"""
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.master.title("Colours")
canvas = Canvas(self)
canvas.create_rectangle(30, 10, 120, 80,
outline="#fb0", fill="#fb0")
outline="#f50", fill="#f50")
outline="#05f", fill="#05f")
def main():
root = Tk()
ex = Example()
root.mainloop()
if __name__ == '__main__':
main()
In the code example, we draw three rectangles and fill them with different colour values.
We create the Canvas widget.

outline="#fb0", fill="#fb0") the best experience on our website
Got it!
The create_rectangle() creates a rectangle item on the canvas. The first four parameters are the x and y coordinates of the two
bounding points: the top-left and bottom-right points. With the outline parameter we control the colour of the outline of the
rectangle. Likewise, the fill parameter provides a colour for the inside of the rectangle.
Figure: Colours
Shapes
We can draw various shapes on the Canvas. The following code example will show some of them.
shapes.py
"""
In this script, we draw basic

shapes on the canvas.
Author: Jan Bodnar

"""
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.master.title("Shapes")
canvas.create_oval(10, 10, 80, 80, outline="#f11",
fill="#1f1", width=2)
outline="#f11", fill="#1f1", width=2)
canvas.create_arc(30, 200, 90, 100, start=0,
extent=210, outline="#f11", fill="#1f1", width=2) the best experience on our website
points = [150, 100, 200, 120, 240, 180, 210, Got it!
200, 150, 150, 100, 200]
canvas.create_polygon(points, outline='#f11',
fill='#1f1', width=2)
def main():
root = Tk()
ex = Example()
root.mainloop()
if __name__ == '__main__':
main()
We draw five different shapes on the window: a circle, an ellipse, a rectangle, an arc, and a polygon. Outlines are drawn in red
and insides in green. The width of the outline is 2 px.

Here the create_oval() method is used to create a circle item. The first four parameters are the bounding box coordinates of the
circle. In other words, they are x and y coordinates of the top-left and bottom-right points of the box, in which the circle is
drawn.

outline="#f11", fill="#1f1", width=2)
We create a rectangle item. The coordinates are again the bounding box of the rectangle to be drawn.
canvas.create_arc(30, 200, 90, 100, start=0,

extent=210, outline="#f11", fill="#1f1", width=2)
This code line creates an arc. An arc is a part of the circumference of the circle. We provide the bounding box. The start
parameter is the start angle of the arc. The extent is the angle size.
points = [150, 100, 200, 120, 240, 180, 210,

200, 150, 150, 100, 200]
canvas.create_polygon(points, outline='#f11',
fill='#1f1', width=2)
A polygon is created. It is a shape with multiple corners. To create a polygon in Tkinter, we provide the list of polygon
coordinates to the create_polygon() method.

the best experience on our website
Got it!
Figure: Shapes
Drawing image
In the following example we draw an image item on the canvas.
draw_image.py
"""
In this script, we draw an image

on the canvas.
Author: Jan Bodnar

"""
from tkinter import Tk, Canvas, Frame, BOTH, NW

from PIL import Image, ImageTk
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.master.title("High Tatras")
self.img = Image.open("tatras.jpg")
self.tatras = ImageTk.PhotoImage(self.img) This website uses cookies to ensure you get
canvas = Canvas(self, width=self.img.size[0]+20,
height=self.img.size[1]+20) Got it!
canvas.create_image(10, 10, anchor=NW, image=self.tatras)
def main():
root = Tk()
ex = Example()
root.mainloop()
if __name__ == '__main__':
main()
The example displays an image on the canvas.
from PIL import Image, ImageTk
From the PIL (Python Imaging Library) module, we import the Image and ImageTk modules.
self.img = Image.open("tatras.jpg")
self.tatras = ImageTk.PhotoImage(self.img)
Tkinter does not support JPG images internally. As a workaround, we use the Image and ImageTk modules.
canvas = Canvas(self, width=self.img.size[0]+20,

height=self.img.size[1]+20)
We create the Canvas widget. It takes the size of the image into account. It is 20px wider and 20px higher than the actual imag
size.
canvas.create_image(10, 10, anchor=NW, image=self.tatras)
We use the create_image() method to create an image item on the canvas. To show the whole image, it is anchored to the north
and to the west. The image parameter provides the photo image to display.
Drawing text
In the last example, we are going to draw text on the window.
draw_text.py
"""
In this script, we draw text

on the window.
Author: Jan Bodnar

Last modified: April 2019 This website uses cookies to ensure you get
Website: www.zetcode.com the best experience on our website
"""
Got it!
from tkinter import Tk, Canvas, Frame, BOTH, W
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.master.title("Lyrics")
canvas.create_text(20, 30, anchor=W, font="Purisa",
text="Most relationships seem so transitory")
text="They're good but not the permanent one")
text="Who doesn't long for someone to hold")
text="Who knows how to love without being told")
text="Somebody tell me why I'm on my own")
text="If there's a soulmate for everyone")
def main():
root = Tk()
ex = Example()
root.mainloop()
if __name__ == '__main__':
main()
We draw lyrics of a song on the window.

text="Most relationships seem so transitory")
The first two parameters are the x and y coordinates of the center point of the text. If we anchor the text item to the west, the te
starts from this position. The font parameter provides the font of the text and the text parameter is the text to be displayed.

Got it!
Figure: Drawing text
In this part of the Tkinter tutorial, we did some drawing.
Home Contents Top of Page Previous Nex

ZetCode last modified August 19, 2019 © 2007 - 2019 Jan Bodnar Follow on Facebook

Got it!

Zetcode Com Tkinter Drawing

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Zetcode Com Tkinter Drawing

Uploaded by

Copyright:

Available Formats

Home Contents Subscribe Previous Nex

It can be used to create charts, custom widgets, or create games.

The example draws lines on the Canvas.

Author: Jan Bodnar

from tkinter import Tk, Canvas, Frame, BOTH

In the code example, we draw simple lines.

canvas.create_line(15, 25, 200, 25)

canvas.create_line(300, 35, 300, 200, dash=(4, 2))

canvas.create_line(55, 85, 155, 85, 105, 180, 55, 85)

#!/usr/bin/env python3 Got it!

Author: Jan Bodnar

from tkinter import Tk, Canvas, Frame, BOTH

We create the Canvas widget.

This website uses cookies to ensure you get

In this script, we draw basic

Author: Jan Bodnar

from tkinter import Tk, Canvas, Frame, BOTH

canvas.create_oval(10, 10, 80, 80, outline="#f11",

canvas.create_rectangle(230, 10, 290, 60,

canvas.create_arc(30, 200, 90, 100, start=0,

points = [150, 100, 200, 120, 240, 180, 210,

This website uses cookies to ensure you get

In this script, we draw an image

Author: Jan Bodnar

from tkinter import Tk, Canvas, Frame, BOTH, NW

The example displays an image on the canvas.

from PIL import Image, ImageTk

canvas = Canvas(self, width=self.img.size[0]+20,

canvas.create_image(10, 10, anchor=NW, image=self.tatras)

In this script, we draw text

Author: Jan Bodnar

We draw lyrics of a song on the window.

canvas.create_text(20, 30, anchor=W, font="Purisa",

This website uses cookies to ensure you get

In this part of the Tkinter tutorial, we did some drawing.

Home Contents Top of Page Previous Nex

This website uses cookies to ensure you get

You might also like