Как нарисовать дугу между прямыми Canvas?

Question

[Inteli Sense]

Есть две прямые нужно нарисовать дугу как здесь

проблема в том что я не могу найти вот эти точки на прямых. Подскажите как правильно это делать
question.ikende.com/question/31353033363036383631
вот здесь есть решение - но у человека уже есть точки.

Comments

[vasIvas]

Линии рисуете Вы, значит и точки начала и конца и длина известна. остается только отложить их от начала векторы нужной длины и все. А потом рисовать арку, канвас это умеет.

[Inteli Sense]

vasIvas: Блин ну я вообще нуб, в школе прогуливал. Можете подсказать как проложить эти векторы?

Answer 1

[Aves]

В Javascript есть прекрасная функция atan2, позволяющая непринуждённо получать угол, не заморачиваясь определением знака, с помощью неё легко получить параметры для canvas arc.
пример на JSBin

Comments

[Inteli Sense]

Вы Гений!

[Inteli Sense]

Спасибо за то что дополнили решение. По нему теперь можно вычислять острые углы. Чисто по идее...

[Aves]

Ну не совсем острые, но рисуется теперь тот, что меньше 180°.

[Inteli Sense]

Aves: prntscr.com/8v28yv Вот проверил. А у меня линии динамически перемещаются. И арк постоянно к одному углу рисуется.

[Aves]

Давид Габриелян: теперь вроде нормально

[Inteli Sense]

Aves: Благодарю, если посмотрите Как заполнить прямоугольник разными прямоугольниками и отрисовать в Canvas? - то добавляйтесь сразу в скайп добавляйтесь - сделаю вам маленький сюрприз.

[Aves]

Давид Габриелян: скайпом я не пользуюсь, а по тому вопросу только пару ссылок могу привести

Answer 2

[xmoonlight]

2D вращение вокруг центра

Comments

[Inteli Sense]

Подскажите как именно это поможет мне в нарисовании арка? ведь я не могу нарисовать окружность вокруг средней точки мне нужны точки. Или я чего то не понимаю.

[xmoonlight]

Давид Габриелян: Вам нужны те же формулы, но 2 переменные: 0 градусов (1-я линия) и N-градусов (2-я линия). На их основе Вы получите координаты 2-х нужных Вам точек на заданном R (радиус от перегиба/угла двух лучей).

[Inteli Sense]

xmoonlight: Те же формулы которые я указывал в вопросе по ссылке? N-градусов (2-я линия) - это мной рассчитанный угол? Если вы мне укажите где эту формулу поискать то я вообще буду счастлив.

[xmoonlight]

Давид Габриелян: формулы - в ссылке моего ответа...

[Inteli Sense]

xmoonlight: Ок спасибо.

[Aves]

xmoonlight: и как эти формулы относятся к вопросу? Там получение координат по заданному углу, а здесь наоборот.