Я пытаюсь написать функцию javascript, чтобы изменить размер изображения на основе заданной области (или в моем случае (несколько неточно) «среднего размера», поскольку это легче представить в терминах. Вместо того, чтобы вводить максимальную высоту и ширину, я хочу подавать на максимальной площади, чтобы длинные или узкие изображения выглядели примерно одинакового размера.

Я действительно пойман на математическом аспекте этого, хотя ... просто, как логически, так как я не сделал много математики в последнее время.

В принципе, учитывая соотношение сторон, я хочу определить максимальный размер в пределах области.

Что-то вроде этого:

function resizeImgByArea(img, avgDimension){
    var w = $(img).width();
    var h = $(img).height();
    var ratio = w/h;
    var area = avgDimension * avgDimension;
    var targetHeight //something involving ratio and area
    var targetWidth //something involving ratio and area
    $(img).width(targetWidth);
    $(img).height(targetHeight);
}

Не уверен, что это здесь по теме, но я не в состоянии понять это.