Моя цель - разрешить пользователям загружать изображение профиля и обрезать изображение перед загрузкой, чтобы оно вписывалось в контейнер изображений.Это очень распространенная проблема.
Проблема, с которой я сталкиваюсь, заключается в том, что когда пользователь использует мобильное устройство, обрезанное и загруженное изображение в конечном итоге имеет ширину около 350 пикселей, что приводит к получению изображений с высокой пикселизацией при просмотре на большом экране, который заканчиваетсярастягивание изображения вверх по мере необходимости (до 700 пикселей).
Процесс выглядит следующим образом: пользователь выбирает новое изображение локально для загрузки;это изображение затем имплантируется в браузер для обрезки;Полученное обрезанное изображение (base64) получается с правильным соотношением сторон, но размер (ширина и высота) в пикселях соответствует ширине экрана устройства, которая может быть очень маленькой в зависимости от устройства.
Я использую Croppie.js для обрезки, которая отлично работает.Однако результирующее изображение base64, расположенное в браузере, очень мало в пикселях при кадрировании на маленьком устройстве (телефоне и т. Д.).Изображение base64 - это то, что в конечном итоге загружается, так что это приводит к проблеме, упомянутой выше, с растяжением и пикселизацией на больших устройствах.
Буду признателен за любые входные данные или другие методы, которые я пропустил.