Книга: Выразительный JavaScript
Упражнения
Формы
Напишите программу, рисующую следующие фигуры:
1 трапецию
2 красный ромб
3 зигзаг
4 спираль из 100 отрезков
5 жёлтую звезду
Рисуя две последних, консультируйтесь с описаниями функций Math.cos
и Math.sin
из главы 13, которая описывает получение координат на круге с их использованием.
Рекомендую для каждой формы сделать функцию. Передавайте позицию и другие свойства, типа размера, количества точек. Вариант со вписыванием нужных чисел прямо в код обычно труднее читать и изменять.
<canvas width="600" height="200"></canvas>
<script>
var cx = document.querySelector("canvas").getContext("2d");
// Ваш код
</script>