Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Проблема с cropper.js (https://javascript.ru/forum/library-toolkit-framework/72164-problema-s-cropper-js.html)

Nexus 15.01.2018 13:51

Цитата:

Сообщение от Jigum
координаты то не те

вы смотрите на координаты "x" и "y"?
Установите смещение в 1px.

upd. в свойство "detail" события записываются данные метода "getData", они не отражают позиции cropBox'а.
https://jsfiddle.net/kvsbjacr/7/
Описание метода:
Цитата:

Output the final cropped area position and size data (base on the natural size of the original image).

Jigum 15.01.2018 17:17

Блин я запутался. :( Неразберихи добавляет и то что у меня изображение пожатое до 40% (просто в оригинале оно довольно большое). Буквально я вывожу на страницу

<img src="img.png" width="40%" height="40%"/>


Из-за этого путаница в цифрах. Пока что все равно никак не выходит верно установить позицию вручную. Но судя по всему очень похоже на то что e.detail то как раз возвращает верные координаты! А вот установка все-равно не пашет. :(

Jigum 16.01.2018 13:15

Я все еще жду помощи!!! Проблема не решена! :help:

Nexus 16.01.2018 14:17

Jigum,
https://jsfiddle.net/kvsbjacr/8/

Jigum 16.01.2018 15:27

Цитата:

Сообщение от Nexus (Сообщение 475335)

Как быть с уменьшенным изображением есть идеи?

Nexus 16.01.2018 15:55

Jigum, не понял вопроса.

Jigum 16.01.2018 16:28

Цитата:

Сообщение от Nexus (Сообщение 475355)
Jigum, не понял вопроса.

Я же писал выше что основная проблема в том что я вывожу уменьшенное до 40% изображение. Из-за этого многие координаты этой библиотеки работают как-то не так...

Цитата:

Сообщение от Jigum (Сообщение 475258)
Блин я запутался. :( Неразберихи добавляет и то что у меня изображение пожатое до 40% (просто в оригинале оно довольно большое). Буквально я вывожу на страницу

<img src="img.png" width="40%" height="40%"/>


Из-за этого путаница в цифрах. Пока что все равно никак не выходит верно установить позицию вручную. Но судя по всему очень похоже на то что e.detail то как раз возвращает верные координаты! А вот установка все-равно не пашет. :(


Nexus 16.01.2018 16:37

Jigum, что вы хотите сделать?
Как установить точные координаты я показал.

Jigum 16.01.2018 16:45

Цитата:

Сообщение от Nexus (Сообщение 475374)
Jigum, что вы хотите сделать?
Как установить точные координаты я показал.

Мне надо установить точные координаты относительно изображения в натуральную величину для уменьшенного изображения... Как-то так.

Если более подробно: у меня есть два инпута куда при каждом кропе пишутся координаты рамки. Изначально там уже сохранены координаты, а сам кроппер выключен. При нажатии кнопки кроппер включается и можно выбирать рамочкой координаты (которые сразу запишутся в инпуты). Сейчас установка работает однозначно неверно, потому что я знаю где должна быть рамка на этом изображении для указанных координат, и она не там...

Nexus 16.01.2018 16:57

Цитата:

Сообщение от Jigum
Мне надо установить точные координаты относительно изображения в натуральную величину для уменьшенного изображения...

Ок, понятно. Непонятно в чем сложность.
Если известны размеры оригинала, координаты рамки и коэффициент уменьшения изображения, то получить координаты рамки для уменьшенного изображения не сложно (нужно координаты умножить на 1-(коэф/100)).
Цитата:

Сообщение от Jigum
Сейчас установка работает однозначно неверно, потому что я знаю где должна быть рамка на этом изображении для указанных координат, и она не там...

Вы определитесь что вам нужно, чтобы координаты были те, которые вам нужны или чтобы рамочка была "на месте".

Считаете что библиотека написано криво - исправьте ошибки, которые найдете или напишите свою.


Часовой пояс GMT +3, время: 12:11.