Поєднання форм і стилів
Для малювання форми ініціалізують функцію beginPath (), поміщають курсор (moveTo (x, y)), щоб створити фігуру. Щоб опціонально закрити її, використовують closePath (). Малювання за допомогою fill () виконують без заливки і обведення. Цей процес може повторюватися стільки разів, скільки необхідно. Процес схожий на той, коли малюють олівцем на аркуші паперу. Кожен раз, коли закінчують обведення і відривають олівець від паперу, щоб помістити його в нове положення, аналогічні дії виконує moveTo (x, y).
Винятком із загальної формули побудови є функції для малювання прямокутників (strokeRect (x, y, width, height) і fillRect (x, y, width, height)), які починаються з moveTo (x, y) і закінчується штрихом або заливкою. В даному випадку об’єднують усі функції зображення, які потрібні. Кожен раз при ініціалізації форми Canvas відкриває структуру даних у вигляді списку, який заповнюється інструкцією, коли виконуються stroke () або fill ().
