Синус и косинус в веб-дизайне
В CSS добавились новые стилевые тригонометрические функции, такие как sin(), cos(), tan() и др. В физике, математике и программировании, понятно, тригонометрические функции востребованы и нужны для различных вычислений. Но где их можно применять в веб-дизайне? В итоге появление всяких синусов и косинусов вызвало недоумение у многих веб-разработчиков. Давайте разбираться, где и как их можно использовать на практике.
Для начала вспомним, что собой вообще представляют синус и косинус на примере прямоугольного треугольника (рис. 1).
Рис. 1. Прямоугольный треугольник
Синусом угла φ называется отношение противолежащего катета к гипотенузе.
Косинусом угла φ называется отношение прилежащего катета к гипотенузе.
Синус и косинус используется при вычислении координат точки на окружности, когда нам известен радиус и угол φ между горизонтальной осью и линией, соединяющей нашу точку с центром окружности (рис. 2).
Рис. 2. Точка на окружности
Используя определения синуса и косинуса получаем формулы для вычисления координат точки x и y.
- x = R·cos φ
- y = R·sin φ