Форум Сайтостроение Веб-строительство

Обрезка фото онлайн юзером при добавлении

D
На сайте с 28.06.2008
Offline
1104
Dram
526

У меня на сайте есть форма, где юзер добавляет свое фото в профиль. Само фото автоматически уменьшается до маленького размера и в итоге часто на фото не разобрать лица так как это было не портретное фото.

Как проще все дать возможность юзеру обрезать фото (выделить лицо) в момент когда он выбрал фото?  Сайт на php + js

W1
На сайте с 22.01.2021
Offline
306
webinfo
#1
Dram :
Как проще все дать возможность юзеру обрезать фото

Написать максимально допустимый размер, и пусть обрезает у себя.

Мой форум - https://webinfo.guru –Там я всегда на связи
T7
На сайте с 19.09.2018
Offline
63
timo-71
#2
Dram :
Как проще все дать возможность юзеру обрезать фото

https://www.google.com/search?q=js+cropper

Как угодно. А там под свои нужды.

Можно, как

data:image/png;base64,iV

Или

onCropEnd: function(value) {
  console.log(value.x, value.y, value.width, value.height);
}

И https://www.php.net/manual/ru/imagick.cropimage.php на сервере


S
На сайте с 13.10.2014
Offline
171
silicoid
#3
Dram :

Как проще все дать возможность юзеру обрезать фото (выделить лицо) в момент когда он выбрал фото?  Сайт на php + js

Самый простой вариант, например пользовать вот такую библиотеку. https://github.com/fengyuanchen/cropperjs а потом на стороне сервера допиливать что нужно
Я вообще на jQueryUI Делал когда-то, что тоже не сложно, только UI ресурсов жрет, как не в себя

GitHub - fengyuanchen/cropperjs: JavaScript image cropper.
GitHub - fengyuanchen/cropperjs: JavaScript image cropper.
  • fengyuanchen
  • github.com
JavaScript image cropper. Table of contents Features Supports 39 options Supports 27 methods Supports 6 events Supports touch (mobile) Supports zooming Supports rotating Supports scaling (flipping) Supports multiple croppers Supports to crop on a canvas Supports to crop an image in the browser-side by canvas Supports to translate Exif...
Множественные фильтры для интернет-магазина Вопрос по javascript Что делать с SEO-статьями?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий