В даному уроці я розповім і покажу Вам, як можна реалізувати обрізку зображення виділеного фрагмента засобами PHP. що може стати в нагоді, наприклад, для створення мініатюр зображень. Перед тим, як ми продовжимо далі розглядати урок, хочу порадити ще одну обрізку зображень на JQuery. в якій все буде виконуватися динамічним чином.
Для того, щоб виділити потрібний нам ділянку картинки, використовуємо jQuery UI плагін - Draggable. HTML-код буде складатися з контейнера, в якому буде вихідне зображення, а також переміщуваний блок, розташований над зображенням, який і послужить для вибору потрібного фрагмента. HTML-код проілюстрований нижче.
Як Ви могли помітити, всередині нашого блоку-селектора також розташовано ще шість блоків, з яких перші чотири призначені для ефекту затемнення навколо обраній області. П'ятий же буде обмежувати область захоплення, оскільки для ефекту затемнення використовуються дочірні елементи, які розташовані поза блоком-селектора.
Ефект затемнення досягається завдяки наступним стилям:
Далі розглянемо підключення плагіна до наших HTML об'єктів:
Останньою частиною розробленого фронтендів буде відправка координат селектора сервера для обрізки зображення.
Для обробки зображень в PHP передбачена бібліотека GD. Нам знадобиться всього кілька функцій з цієї бібліотеки:
На цьому урок закінчено. Дякую за увагу!