Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.10.2014, 13:23
Интересующийся
Отправить личное сообщение для makarow.dmitry Посмотреть профиль Найти все сообщения от makarow.dmitry
 
Регистрация: 11.01.2014
Сообщений: 15

Как вычислять координаты не в пикселях?
Всем привет!

Подскажите, пожалуйста, как вычислять координаты не в пикселях, а например в процентах или em или...

Основное - это чтобы положение элементов зависело от масштаба изображения. Т.е. если в верстке меняю ширину - метки должны сохранять свою привязанность.

Вот делаю это - http://teleport.ink/index_a.html
Речь идет о ярких метках.

Сейчас при клике на фото у меня добавляется метка. Записываются ее координаты в пикселях, а нужно в чем-то гибком.

Как это сделать?


Вот код:
$("#image").click(function(e) {        
        var offset = $(this).offset();        
        raw_x_position = (e.pageX - offset.left);
        raw_y_position = (e.pageY - offset.top);
        raw2_y_position = raw_y_position-15;
        raw2_x_position = raw_x_position-15;
        y_position = raw2_y_position + "px";
        x_position = raw2_x_position + "px";

// Здесь прочий код с этими координатами
});


Пробовал и без добавления raw2_y_position + "px". Но не вышло.

Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 25.10.2014, 15:06
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

В мм например. Или в vw
Ответить с цитированием
  #3 (permalink)  
Старый 25.10.2014, 15:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

makarow.dmitry,
Интерактивная карта
Ответить с цитированием
  #4 (permalink)  
Старый 25.10.2014, 15:32
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Я же пошутил, после онченча на дивах пронесло. Тут же все самоочевидно: привязку надо делать к пикселам изображения в пикселах, а не к странице в хз.

Чтобы добыть пикселы надо сунуть фотку в new Image() и пересчитать координаты щелчка на масштаб и сохранить. При чтении та же функция с обратными величинами.
Ответить с цитированием
  #5 (permalink)  
Старый 25.10.2014, 15:36
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Кстати, ФШ видели? Когда вы там ставите пятно кистью - вы его не в оригинальное изображение ставите, а в экранный кэш. В оригинальном оно появится, но позже, после того как экранный отрендерится чтобы показать вам пятно. Пересчет на масштаб один из элементарных предметов - арифметика.

ЗЫ Прикол, в рунете оказывается нет списка элементарных предметов. Это правописание, чтение и арифметика. Поэтому говорят "это элементарно", то есть подвластно ученику elementary school, то есть начальной школы по-нашему.

Последний раз редактировалось kostyanet, 25.10.2014 в 15:38.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как узнать размер в пикселях элемента созданного элемента span Faab Общие вопросы Javascript 2 09.11.2013 16:46
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Как узнать координаты jey7 Events/DOM/Window 6 03.09.2011 18:21
Как получить ширину таблицы в пикселях, если в HTML она указана в процентах JackM Общие вопросы Javascript 2 13.02.2009 10:15