Как разместить точки на изображении?

Question

[pavels91]

Нужно разместить несколько точек (кружочков) поверх изображения. При наведении на точку появляется всплывающая подсказка(как это сделать понятно). Изображение меняет размеры на разных экранах и все точки поверх изображения должны пропорционально менять свои "координаты".
Как это сделать руками знаю. Но мне нужен плагин на jquery. Хз по какому словосочетанию гуглить.

Answer 1

[Виталий Инчин ☢]

За зафиксировать метки на адаптивной картинке?

Реализация: jsfiddle.net/66o4Lkm8

Answer 2

[Денис Попов]

ну, наверно поздновато)
как пример, у круга три параметра: где x, y - центр круга, r - радиус
сохраняем нормированные координаты центра, как-то так:
x = circle.left / img.width;
y = circle.top / img.height;
при отрисовки
xx = x * img.width;
yy = y * img.height;

немного кривовато, но пример с прямоугольниками на js

а если делать с возможностью редактирования, то лучше через canvas