Как нарисовать такую стрелку?

Question

[z_u_q]

Есть два массива, номера которых выбираются случайным образом. Есть линейка. Должна появляться стрелка от 0 до первого слагаемого. Например, если первое слагаемое равно 7, то стрелка должна быть от 0 до 7. Как нарисовать такую стрелку? Приложил картинку. Пытался сделать на canvas. Но почему-то получается, что линейка вверху, дуга снизу линейки. Как сделать, чтоб дуга шла с начала координаты? Также не могу понять, как связать рисование этой стрелки с первым случайным слагаемым.



https://codepen.io/malinosky/pen/KZgzYo

Answer 1

[Interface]

Вы можете рисовать кривую безье с начальной и конечной точками совпадающими точками указанами на линейке, а вспомогательными точками над ними.

Взгляните на эту демку ( https://codepen.io/explosion/pen/YGApwd ) и попробуйте параллельно перенести "правые" точки. Если это вам подходит - не так сложно адаптировать код под ваши нужды. Возможно имеет смысл "поиграть" с высотой вспомогательных точек в зависимости от расстояния на шкале

Вот здесь набросал примерно: https://codepen.io/Int0h/pen/xpEOoR

Comments

[z_u_q]

Спасибо за ответ. Ссылка битая, на 404 ведет.

[Interface]

z_u_q, поправил ссылку