Відображення графічних елементів

Клас Canvas

Для відображення графічних елементів, зокрема, для створення полотна для малювання використовують клас Canvas. Спочатку створюємо вікно. У вікні є система координат(тільки додатна перша чверть) , точка (0,0) розміщена у лівому верхньому куті , вісь х спрямована вправо, а вісь у- вниз.

Спочатку створюємо головне вікно, у якому і розміщуємо полотно для малювання. В дужках задаємо параметри полотна( вікно, в якому полотно розміщене, ширину, висоту , колір полотна та ін). Назву полотна задають за допомогою змінної. Обов'язковою є команда pack(), для відображення полотна.

Також слід відмітити, що перед тим, як почати малювати, добре взяти аркуш в клітинку, намалювати на ньому малюнок, позначити координати, а вже потім переносити дані в програму.

from tkinter import *

root=Tk()

root.title('Тут буду малювати')

canvas=Canvas(root)

canvas.pack()

root.mainloop()

from tkinter import *

root = Tk()

root.title('Тут буду малювати')

c = Canvas(root, width=100, height=100, bg='white')

c.pack()

root.mainloop()

Клас canvas створення полотна для малювання

Методи для розміщення фігур на полотні:

pack() показати

create- створити create_oval(х1, у1, х2, у2)

rectangle створити прямокутник

oval створити овал

arc — дуга

line — відрізок прямої

polygon — многокутник

text — текст

image - малюнок

Параметри create

fill -заливка фігури,

outline колір межі фігури

width ширина межі фігури

Спочатку пишемо назву зміної ( в прикладах вище це canvas або с), далі крапка, тоді метод create, тоді підчерк _, тоді назву фігури. В дужках параметри(координати вершин, товщина та колір границі, солір заливки).

canvas.create_rectangle(10, 10, 100, 200, fill='red', outline='blue',width=10)

Прямокутник задається координатами двох протилежних вершин

canvas.create_rectangle(х1, у1, х2, у2)

Овал задається вершинами протилежними прямокутника, в який він вписаний

canvas.create_oval(х1, у1, х2, у2)

Багатокутник задається координатми вершин

canvas.create_polygon((10,40),(40,60),(60,50),(100,200),(10,10), fill='purple', outline='blue',width=1)

Текст задається координатами(центр тексту), самим текстом,кольором,розміром.

canvas.create_text(200,150, text="П'ятикутник", fill="red", font=(25))

Для вставлення малюнка необхідно, щоб малюнок був в тій самій папці, що і програма

Приклад1Намалювати червоний прямокутник з блакитною межею шириною 10 пікселів а всередині жовтий овал із зеленою межею шириною 2 пікселі.

Верхньою буде та фігура,яка намальована пізніше.

Приклад 2. Створити неправильний п'ятикутник з фіолетовою заливкою і написом "П'ятикутник" червоним кольором

Завдання1. Намалювати 5 квадратів в ряді з використанням Tkinter різного кольору(на ваш вибір).

Підказка! Координати тексту підбирайте як середина квадрата по х.

Візьміть папір і по клітинках намалюйте квадрати. тоді підпишіть координати. Тоді вже малюйте в програмі