Как изменить размер изображения с сохранением соотношения сторон с помощьюropperjs

Я пытаюсь изменить размер изображения до предопределенного размера, сохраняя его соотношение сторон. Я использую следующий код для получения данных изображения, но я не знаю, как изменить размер.

cropper.getCroppedCanvas().toDataURL('image/jpeg');

Вы что-нибудь пробовали? вроде написано в документе с это и тот

Marius ROBERT 17.05.2022 09:51

Ни один из них не работал. getImageData возвращает информацию об изображении, а не об изображении. Также setAspectRatio не помог.

ipinak 17.05.2022 09:54
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Сравнение структур данных: Массивы и объекты в Javascript
Сравнение структур данных: Массивы и объекты в Javascript
Итак, вы изучили основы JavaScript и хотите перейти к изучению структур данных. Мотивация для изучения/понимания Структур данных может быть разной,...
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Прошлая статья была первой из цикла статей о создании системы электронной коммерции с использованием Keystone.js, и она была посвящена главным образом...
Приложение для отслеживания бюджета на React js для начинающих
Приложение для отслеживания бюджета на React js для начинающих
Обучение на практике - это проверенная тема для достижения успеха в любой области. Если вы знаете контекст фразы "Практика делает человека...
Стоит ли использовать React в 2022 году?
Стоит ли использовать React в 2022 году?
В 2022 году мы все слышим о трендах фронтенда (React, Vue), но мы не знаем, почему мы должны использовать эти фреймворки, когда их использовать, а...
0
2
20
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы потенциально можете использовать

cropper.getCroppedCanvas({ width: DESIRED_WIDTH, height: DESIRED_HEIGHT}).toDataURL(ORIGINAL_MIME_TYPE);

Важно указать исходный MIME-тип изображения (png/gif и т. д.), потому что в противном случае вы можете получить значительно больший размер изображения с точки зрения размера файла.

Другие вопросы по теме