Как позиционировать текст?

Question

[M L]

Написал вот такой скрипт https://jsfiddle.net/3vh8zph4/1/
Теперь надо расставить цифры, но не могу понять как их позиционировать.
То есть, что конкретно к чему относится, получается вот такая хрень https://jsfiddle.net/3vh8zph4/2/
Пытаюсь добиться результата, как на картинке

Answer 1

[GreatRash]

Нужно знать всего три вещи, и вы их уже и так должны знать:

1) центр окружности
2) радиус окружности
3) угол поворота

Затем, для синей дуги:

1) знаем её начало - 170°, знаем её конец - 350°
2) находим угол поворота: 350 - 170 = 180°
3) находим половину угла: 180 / 2 = 90°
4) откладываем получившийся угол от начала дуги: 170 + 90 = 260°
5) радиус - гипотенуза, угол тоже знаем, значит катеты (т.е. координаты) равны:
y = радиус * sin(260°)
x = радиус * cos(260°)

Собссно.

Comments

[M L]

Вот такая ерунда получилась: https://jsfiddle.net/3vh8zph4/3/

[M L]

Главное что первый элемент вроде бы как правильно позиционировался, а вот дальше, почему не верное смещение?

[M L]

Вроде бы все правил. Как у Вас в ответе ,
но а сейчас,то что не так. Почему он криво отображает?
https://jsfiddle.net/3vh8zph4/4/

[M L]

Все спасибо. Сам разобрался. Не надо бьло их в обычные проценты переводить.

[GreatRash]

Michael Landau: Все углы должны быть в радианах, а не в градусах.
codepen.io/GreatRash/pen/zZOrjx?editors=1010