Как обрезать изображение до определенной высоты и ширины?

Question

Почему я не получаю изображение определенной высоты и ширины?

Предположим, я установил обрезанное изображение на width = 308 & height = 200, оно возвращает 308 X 308. Если я устанавливаю width = 200 & height = 308, он возвращает 308 x 308. Он возвращает максимальный размер по высоте и ширине. Как мне исправить эту проблему?

Я использую cropper.js

if (cropper) {
    canvas = cropper.getCroppedCanvas({
        width: 308, // here set  width 
        height: 200, // here set height 
        imageSmoothingEnabled: false,
        imageSmoothingQuality: 'high',
        fillColor: '#fff',
});

Answer 1

Вам нужно установить aspectRatio бесплатно, как показано ниже:

if (cropper) {
    canvas = cropper.getCroppedCanvas({
    width: 308, // here set  width 
    height: 200, // here set height
     aspectRatio: "free", // or Free or 0
    imageSmoothingEnabled: false,
    imageSmoothingQuality: 'high',
    fillColor: '#fff',
});

Надеюсь, это поможет вам