HTML5 Нарисуйте дугу между двумя div / точками в javascript
Я хочу нарисовать дугу на моей странице, прямо от одного угла одного div до угла другого div, чтобы показать, что они каким-то образом связаны. На странице много чего происходит, но я могу получить две точки, откуда и куда нужно рисовать. Итак, когда у меня есть эти две координаты, что бы я использовал для рисования дуги таким образом, чтобы не мешать окружающему тексту / div / и т. д. Просто дуга поверх всего.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете использовать холст с javascript. Можно соединить 2 угла полотна дугой, позвонив.
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(0,0,c.width,c.height,0.31416*Math.PI);
ctx.stroke();
https://www.w3schools.com/tags/canvas_arc.asp
Пока ваш холст расположен правильно. Вы можете выяснить, где находятся углы div с offsetLeft, offsetTop и .style.pixelHeight, .style.pixelWidth, а затем использовать абсолютное позиционирование для вашего холста.