- Автор темы
- #1
Сейчас использую готовый плагин на 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, то без адекватных функция 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 по заданным пропорциям + адаптив)
