Как найти расстояние в см между двумя отмеченными юзером точками на картинке?

Есть картинки которые на странице отображаются в жестко фиксированных размерах в пикселях, независимо от размеров экрана. Картинка это макет потолка. Этот макет имеет длину и ширину в сантиметрах (пропорции в пикселях и в см соответственно совпадают). Нужно чтобы я мог указать размеры в сантиметрах для этой картинки, и юзер мог сделать отметки в двух местах на картинке, и в зависимости от заданных мною сторон в сантиметрах, юзер мог узнать расстояние между двумя точками. Возможно ли сделать такое в js/jquery или если возможно, то какими вещами (функции,плагины,события) я должен воспользоваться для этого? Что для этого нужно? Я бы загуглил мануал чтобы реализовать это

P.S: Если такое возможно, то как сделать чтобы после отметки первой точки, пока кусор находится в зоне картинки, показывало линию от первой точки до курсора, пока не проставлю вторую точку (например как при использовании инструмента "Перо" в фотошопе

Если вы знаете опиши логику создания такой вещи...загуглю мануалы