Как найти расстояние в см между двумя отмеченными юзером точками на картинке?
Есть картинки которые на странице отображаются в жестко фиксированных размерах в пикселях, независимо от размеров экрана. Картинка это макет потолка. Этот макет имеет длину и ширину в сантиметрах (пропорции в пикселях и в см соответственно совпадают). Нужно чтобы я мог указать размеры в сантиметрах для этой картинки, и юзер мог сделать отметки в двух местах на картинке, и в зависимости от заданных мною сторон в сантиметрах, юзер мог узнать расстояние между двумя точками. Возможно ли сделать такое в js/jquery или если возможно, то какими вещами (функции,плагины,события) я должен воспользоваться для этого? Что для этого нужно? Я бы загуглил мануал чтобы реализовать это
P.S: Если такое возможно, то как сделать чтобы после отметки первой точки, пока кусор находится в зоне картинки, показывало линию от первой точки до курсора, пока не проставлю вторую точку (например как при использовании инструмента "Перо" в фотошопе
Если вы знаете опиши логику создания такой вещи...загуглю мануалы
Спасибо большое. Расчеты о том как указать сколько см в 1 пикселе я сделаю, но пару вопросов....
- Как выводить данные о расстоянии в каком нибудь div, span, input по его IDу? т.е не в канвасе
- Можно ли с помощью CSS фоновую картинку сделать? Ну т.е поместить эту картинку туда
- Как сбросить данные для новых точек?
