Получение координат поселения с уменьшенным размером изображения

Question

Я работаю над всплывающим окном, где пользователь может выбрать изображение, обрезать его, а затем загрузить обрезанную область. Проблема в том, что если пользователь выбирает большое изображение, всплывающее окно становится очень большим, поэтому я попытался присвоить img фиксированный размер (или поместить его в фиксированный div), но это разрушило координаты, которые я получаю от функции crop (я использую Jcrop btw). Итак, вопрос в том, могу ли я получить правильные цветовые карты из измененного изображения. Спасибо.

Answer 1

Я не могу комментировать, чтобы узнать подробности, так что вот ответ, основанный на том, что я понимаю. Если вам нужен более точный ответ, вы должны добавить код (способ изменения размера изображения, использование Jcrop и т. Д.).
Как я понимаю, пользователь выбирает область для обрезки с измененным изображением.

Что вы можете сделать, это рассчитать коэффициент изменения размера.
Предположим, что изображение было 900*900px, и вы измените его размер 300*300px макс.
В этом случае отношение составляет 900/300=3 (originalWidth/resizedWidth).
Все, что вам нужно сделать, это умножить координаты обрезки на это соотношение.

Убедитесь, что ваше соотношение работает как по ширине, так и по высоте (это зависит от способа изменения размера изображения). Если изображение не является квадратом, вам, возможно, придется вычислить 2 отношения (один для высоты и один для ширины). В случае, когда вы должны умножить все значения x на widthRatio и все значения y на heightRatio.