За последние 24 часа нас посетили 22384 программиста и 1084 робота. Сейчас ищут 602 программиста ...

Скругление изображения в определенных координатах.

Тема в разделе "PHP для новичков", создана пользователем killer67, 20 сен 2019.

  1. killer67

    killer67 Новичок

    С нами с:
    17 фев 2017
    Сообщения:
    4
    Симпатии:
    0
    Всем привет, есть проект в котором в профиль загружается картинка, вопрос заключается в том как скруглить (обрезать) часть картики, причем в определенных координатах?

    Пример вот форма:
    http://joxi.ru/n2Y8YMGsb4QXqm

    Выбираем картинку, JS ее прогрузит на страницу далее:
    http://joxi.ru/Vm6ykEph415yxr

    С помощью JS выполнили данную операцию, а как все это сохранить на PHP?

    Везде нахожу классы готовые описания как обрезать картинку или как ее округлить.

    Как я понимаю последовательность:
    1. Ajax должен прислать мне картинку.
    2. Прислать координаты на картинке что оставить.

    PHP принимает данные координаты и выполняет округление сохраняем оригинал + округденную часть.
    Если так, то поделитесь инфой где почитать или может у кого есть готовый кусок кода?

    PS. Так к стати например в ВК, мы загружаем картинку далее через JS выбираем часть этой картинки и только потом отправляем ее на сервер, а что происходит на сервере?

    Или JS на строне клиента уже все выполняет, присылает мне картинку которую я просто сохраняю?
     
  2. killer67

    killer67 Новичок

    С нами с:
    17 фев 2017
    Сообщения:
    4
    Симпатии:
    0
    Первый шаг как в ВК я нашел: http://deepliquid.com/content/Jcrop.html - может кому тоже пригодится.
    Второй шаг, кода мы выбираем круглую часть для аватарки, как сделать?
     
  3. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.554
    Симпатии:
    1.754
    Я скругляю стилями. Картинку до квадрата обрезаю. Причём сейчас предпочитаю библиотеки, которые это умеют на клиенте
    --- Добавлено ---
    https://fengyuanchen.github.io/cropperjs/