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

Тема в разделе "JavaScript", создана пользователем danneo, 2 янв 2017.

Модераторы: ZiX
  1. danneo

    danneo Честный

    Регистр.:
    13 ноя 2007
    Сообщения:
    1.449
    Симпатии:
    113
    Сейчас использую готовый плагин на 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 по заданным пропорциям + адаптив)
     
  2. vangogu

    vangogu Создатель

    Регистр.:
    3 сен 2010
    Сообщения:
    38
    Симпатии:
    0
    Использовал на сайте jcrop, все есть, кроме drag&drop. Возможно допилить, если помучатся...
     
  3. olegynik

    olegynik Писатель Нарушитель

    Регистр.:
    10 июл 2014
    Сообщения:
    4
    Симпатии:
    0
    Совет выше актуален, проще поискать другой плагин с реализацией бОльшей части функционала и уже его допилить