Создание объекта на заданных координатах

[Zuko]

Есть координаты, нужно по клику создать там элемент DOM

Подскажите пожалуйста, с чем работать для того, чтобы объект появился на заданных координатах

[рони]

Zuko,
https://learn.javascript.ru/mouse-clicks - получили координаты

https://learn.javascript.ru/modifying-document вставили новый элемент


https://learn.javascript.ru/styles-and-classes - переместили элемент в полученные координаты

[Zuko]

Спасибо. С этим разобрался.

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

Пример на картинке

Нужно сгруппировать оба стикера в один при близком нахождении, как на примере. Совершенно не понимаю, как рассчитать их пересечение.

[рони]

Zuko,
я тоже вас не понимаю

[Zuko]

Есть фон. На нем при клике создаются стикеры определенного содержания. С созданием я разобрался.

Если стикеры находятся друг к другу ближе чем 30px, то нужно сгруппировать их в один. Мне непонятен алгоритм рассчета их близости друг к другу.

[рони]

Zuko,
сохранять координаты в массив -- при создании проверять по формуле (создать самому или гугл) и ставить стикер не по клику а по значению которое выдаст ваша формула.

[Zuko]

Zuko,
сохранять координаты в массив -- при создании проверять по формуле (создать самому или гугл) и ставить стикер не по клику а по значению которое выдаст ваша формула.

Да, но получается надо рассчитывать координаты каждого угла стикера, верно?

[kostyanet]

Мне непонятен алгоритм рассчета их близости друг к другу.

Потому что в школе надо было быть ближе к геометрии и русскому языку. Однако зафигом самому все считать? Браузер посчитает - сделайте их драгабле и по событию драговер вам станет понятно что юзер хочет объединить коменты.

[Zuko]

Потому что в школе надо было быть ближе к геометрии и русскому языку. Однако зафигом самому все считать? Браузер посчитает - сделайте их драгабле и по событию драговер вам станет понятно что юзер хочет объединить коменты.

1) По условию задачи их объединение актуально только в случае нахождения на расстоянии ближе 20 пикселей друг от друга. А druggable, как я понимаю, это попадание 1 в 1.

2) Планируется не 2 стикера, а больше.