Перед решением задач изучите теорию к данному уроку.

Задачи для решения

Ответы на задачи смотрите в исходном коде страниц по ссылкам.

На линии

Для решения задач данного блока используйте следующие методы: lineTo, moveTo, beginPath, closePath, stroke, fill.

Нарисуйте на канвасе такую же фигуру, как показано в образце:

Вы можете открыть этот пример в отдельной вкладке браузера.

Нарисуйте на канвасе такую же фигуру, как показано в образце:

Вы можете открыть этот пример в отдельной вкладке браузера.

Нарисуйте на канвасе такую же фигуру, как показано в образце:

Вы можете открыть этот пример в отдельной вкладке браузера.

Нарисуйте на канвасе такую же фигуру, как показано в образце:

Вы можете открыть этот пример в отдельной вкладке браузера.

Нарисуйте на канвасе такую же фигуру, как показано в образце:

Вы можете открыть этот пример в отдельной вкладке браузера.

Нарисуйте на канвасе такую же фигуру, как показано в образце:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя методы moveTo и lineTo для рисования контура и метод fill для его заливки, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя методы moveTo и lineTo для рисования контура и метод fill для его заливки, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

На фигуры

Для решения задач данного блока используйте следующие методы: fillRect, strokeRect, clearRect.

Используя метод fillRect, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя метод strokeRect, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя методы fillRect и clearRect, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

На фигуры

Для решения задач данного блока используйте следующие методы: rect, stroke, fill.

Используя метод rect, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя метод rect, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

На окружности

Для решения задач данного блока используйте следующие методы: arc.

Используя метод arc, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя метод arc, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя метод arc, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя метод arc, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя метод arc, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя метод arc, нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

На смену цвета

Для решения задач данного блока используйте следующие свойства: fillStyle, strokeStyle.

Используя цикл нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя цикл нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя цикл нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя цикл нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

На циклы

Используя цикл нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.

Используя цикл нарисуйте на канвасе следующую фигуру:

Вы можете открыть этот пример в отдельной вкладке браузера.