На этом уроке мы познакомимся с канвасом. Научимся его создавать, инициализировать и рисовать на нём прямоугольники.
Дата отправки отчёта:
15 апреля 2021 г.
Задание выполнено: за
2 час. 24 мин.
Чему научился:
1. создан канвас с id=canvascl в теге <body>; 2. canvas и context проинициализированы через функцию init(); 3. описаны параметры машинки и "боксов"; 4. при помощи паттерна fillRect нарисованы зеленая машинка и черные "боксы"; 5. созданы функции рисования машинки и боксов, причем размещение боксов реализовано рандомно на канвасе; 6. размещено 40 боксов и одна машинка.
Что было сложным:
немного запуталась с описанием стиля канваса.
Научился: Научился создавать canvas, получать доступ к контексту : canvas.getContext("2d"); и рисовать прямоуголиники с помощью метода fillRect(). Трудности: При квадратном канвасе (300 x 300px) по неведомым причинам все прямоугольники рисуются вытянутыми в 2 раза по высоте. Что бы нарисовать квадратик приходится задавать высоту 5, а ширину 10.
