Понимание модулей JQuery-Cropper

Я делаю проект с помощью jquery-cropper (https://fengyuanchen.github.io/jquery-cropper/).

Мне нужно получить координаты прямоугольника кадрирования. Метод getCropBoxData() возвращает эти координаты, но я не могу понять, какие единицы он использует, а в документации они не упоминаются.

Посмотрите изображение демонстрационной страницы, которую я прикрепляю. Поля справа показывают текущее положение кадрирования в пикселях, но если вы нажмете [Получить данные поля кадрирования], вы получите совершенно другие значения внизу. Любые идеи?

Понимание модулей JQuery-Cropper

Я думаю, что это пиксели, подобные значениям в таблице справа. Некоторые из них десятичные, потому что они рассчитываются из-за фиксированного соотношения 16: 9. Нажмите кнопку соотношения [Free], измените одно из значений в строке, например «width:» с 552 на 100, и нажмите [Set Crop Box Data]. Поле обрезки изменится на новую ширину.

ourmandave 28.11.2018 20:50

Думаю, это не пиксели, потому что соотношение другое. Справа X больше Y, но внизу наоборот.

morgar 28.11.2018 23:28

Кстати, я обнаружил, что [Get Data] возвращает значения в пикселях, как поля справа. Итак, я использую эти значения, пока расшифровываю, что возвращает [Get Crop Box Data].

morgar 28.11.2018 23:30
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
232
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я отвечу на свой вопрос. Для этой конкретной проблемы я обнаружил, что метод getData возвращает координаты кадрирования в пикселях, те же значения, которые отображаются справа на демонстрационной странице. Это должно быть полезно для всех, кому нужно получить информацию об урожае. Насчет getCropBoxData, до сих пор не уверен, что это за блоки.

Я заметил, что когда вы нажимаете [Zoom to 100%], ширина и высота [Get Data] соответствуют ширине и высоте рамки обрезки. Таким образом, данные поля обрезки необходимо умножить на% масштабирования.

ourmandave 29.11.2018 20:49

Другие вопросы по теме