Соединить прямой линией два элемента на javascript или Jquery
Доброго времени суток, требуется помощь, подскажите в какую сторону мне смотреть?
Необходимо соединить прямой линией два элемента, причем положение двух элементов всегда при загрузке выбирается случайным, но больше не меняется. желательно, чтобы все работало на чистом javascript или jquery, без всяких svg, canvas и тд Ниже пример, как это должно выглядеть ![]() |
shureg,
вычислить угол и расcтояние и нарисовать линию с этими параметрами <style type="text/css"> div{ position: absolute; width: 100px; height: 100px; border: 2px solid #0000FF; } div:nth-child(2) { top: 150px; left: 100px; } hr{ width: 1px; height: 180px; position: absolute; top: 30px; left: 110px; background-color: #228B22; transform: rotate(148deg); } </style> <div class="item">1</div> <div class="item">2</div> <hr> |
не совсем, то что мне нужно, тут голый стиль, а мне бы функцию, которая рисует линии, чтото вроде указываешь X,Y откуда начать рисовать и X,Y - где закончить
|
Цитата:
Цитата:
|
Цитата:
Но если подумать, там же капец какая тригонометрия получается :( Можно как то проще? d3.js не подходит, так как там canvas |
Цитата:
http://matematikalegko.ru/formuli/te...-pifagora.html |
Цитата:
Математика, геометрия, синусы - хуинусы не для меня :help: |
Ничего не поделаешь, придется вспомнить про Пифагоровы штаны.
Расстояние между центрами прямоугольников, а судя по просьбе оно задается, это катеты, а по ним даже без тригонометрии можно узнать гипотенузу, длину линии соединения. Известны три стороны прямоугольника, остается найти угол, формулы перед вами, рисунок поясняющий тоже. Вся тригонометрия в JS, это Math. |
Цитата:
|
Цитата:
|
Часовой пояс GMT +3, время: 08:39. |