Необходимо сделать crop фото для юзеров

danneo

Честный
Регистрация
13 Ноя 2007
Сообщения
1.526
Реакции
121
Сейчас использую готовый плагин на jquery с drag&drop. На php картинка обрезается по заданный формат. Возникла необходимость, чтобы юзер видел что загружает (правда и так видит, но как исправить не понимает). Результат плохой - часто обрезается то, что не нужно. Решил дать возможность юзерам выбирать обрезку фото, чтобы красивее результат был.
Возникла трудность - нет нормальных готовых решений. То без drag&drop, то без адекватных функция crop и т.п. Нашел плагин croppic. Возникли другие трудности:
1. у него нет drag&drop, а значит, нужно либо самому пилить, либо соединять два плагина (остановился на соединении).
2. как правильно обрезать, чтобы учесть адаптивный дизайн.
Например, когда загружаю фото 1000х1000, то такую картинку не вывести же на смартфоне или планшете. Делаю вывод уменьшением через css и в модальном окне. После нажатия "обрезать" на сервер уходят данные: координаты обрезки, размеры фото в модальном окне (CSS размеры) и размеры самой картинки.
Далее нужно взять загруженное изображение (1000х1000) и в заданных пропорциях сделать три разных размера (thumn, small, big). Не понимаю, как можно передать координаты обрезки из диалогового окна (когда фото уменьшено до 200х200px через css), и чтобы получить правильные координаты. Иначе же на сервере из 1000х1000 будет вырезан фрагмент в 200х200 px, а не в пропорциях.
Надеюсь, адекватно описал :)
Буду благодарен за хороший готовый плагин с такими возможностями (drag&drop + crop по заданным пропорциям + адаптив)
 
Использовал на сайте Для просмотра ссылки Войди или Зарегистрируйся, все есть, кроме drag&drop. Возможно допилить, если помучатся...
 
Совет выше актуален, проще поискать другой плагин с реализацией бОльшей части функционала и уже его допилить
 
Назад
Сверху