Я искал это, но большая часть того, что я нашел, была либо мертвой, либо не поддерживалась для старых браузеров / обрезка изображений в прямоугольной форме.
Я хочу что-то похожее на функцию Facebook для загрузки изображений профиля. Пользователь выбирает изображение. Если это изображение не превышает определенные размеры, оно будет отображаться, а затем пользователь перетаскивает выделенный прямоугольник и обрезает изображение.
Но вместо прямоугольной формы мне нужна круглая форма.
Итак, если у меня есть вход для просмотра / загрузки изображения:
<input type="file" class="sr-only" id="input" name="image" accept="image/*">
После того, как пользователь выберет изображение, либо в том же месте, либо во всплывающем окне, пользователь сможет перетащить выделенную круглую форму и затем нажать Crop
.
Итак, самые важные части:
- Изображение обрезано в круглой форме.
- Поддерживается для большинства браузеров, включая браузеры для мобильных устройств / планшетов / iPad.
- Возможность загрузки обрезанного изображения на сервер с помощью PHP.
Я знаю, что платформа предназначена для помощи с ошибками и ошибками, но, как я уже сказал, я сначала искал и хочу спросить здесь, так как здесь много разработчиков, что некоторые из них могли оказаться в той же ситуации и найти правильную решение.