Відображення графічних елементів
Клас 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 різного кольору(на ваш вибір).
Підказка! Координати тексту підбирайте як середина квадрата по х.
Візьміть папір і по клітинках намалюйте квадрати. тоді підпишіть координати. Тоді вже малюйте в програмі