Нужно чтобы изображение любого размера умещалось в канву и не превышало размеры модального окна

Библиотека https://github.com/fengyuanchen/cropperjs

Инициализация модуля:
const image = document.querySelector('#imgModal img');
var minCroppedWidth = 450;
var minCroppedHeight = 450;
var maxCroppedWidth = 5000;
var maxCroppedHeight = 5000;
cropper = new Cropper(image, {
initialAspectRatio: 16 / 16,
checkCrossOrigin: false,
checkOrientation: false,
viewMode: 3,
restore: false,
preview: [
document.querySelector('#preview').parentNode
],
zoomable: false,
data: {
width: (minCroppedWidth + maxCroppedWidth) / 2,
height: (minCroppedHeight + maxCroppedHeight) / 2,
},
crop: function (event) {
var width = event.detail.width;
var height = event.detail.height;

if (
width < minCroppedWidth
|| height < minCroppedHeight
|| width > maxCroppedWidth
|| height > maxCroppedHeight
) {
cropper.setData({
width: Math.max(minCroppedWidth, Math.min(maxCroppedWidth, width)),
height: Math.max(minCroppedHeight, Math.min(maxCroppedHeight, height)),
});
}
},
});