Этот код демонстрирует основные возможности работы с графикой на веб-странице.
Линейный градиент используется для заполнения фона-прямоугольника.
Подоконник рисуется с помощью линии и настройки ее толщины.
Кружка состоит из прямоугольника и дуги.
Для создания формы пара функция рисует кривые Безье.
Добавляется текст "Кружка" с настройками шрифта и цвета.
Цикл создает несколько прямоугольников в два ряда с фиксированным шагом между ними и границей до которой можно создавать прямоугольники.