Установка точки на изображении, не знаю как решить проблему?

Question

[Httdientee]

Есть задача, сделать возможность установки точки на изображении.
Я сделал следующим образом, пользователь кликает на какое-то место на изображении я беру координаты, сохраняю. После когда я вывожу, я координаты округлываю до 2 (15.69) и вывожу через css в процентах, но проблема в том что это не точный метод, точка съезжает то в разные стороны, может кто подсказать как можно более грамотно это сделать?

Comments

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента.

[Mors Clamor]

Код в студию

[Ankhena]

Если съезжает при адаптиве, то считайте от центра.
Либо от того места к которому привязана трансформация, transform-origin, object-position и т.д.

Если съезжает по какой-то другой причине, то опишите её.
А ещё лучше сделать демо с примером на codepen.io (Только то, что относится к проблеме)

я координаты округлываю до 2 (15.69)

Правда, я плохо понимаю как 15.69 можно округлить до 2.