Bagaimana untuk Mengubah Saiz Imej Secara Berkadar Sambil Mengekalkan Nisbah Aspek dengan Kekangan Tinggi dan Lebar Maks?

Ubah Saiz Imej Secara Proporsional dengan Kekangan MaxHeight dan MaxWidth

Bayangkan imej yang melebihi lebar atau ketinggian maksimum yang ditetapkan. Untuk membetulkannya, kami menyasarkan untuk mengubah saiznya secara berkadar, memastikan pematuhan kepada kedua-dua kekangan maksimum dan minimum sambil mengekalkan nisbah aspek asal. Begini caranya:

Pertama, kami mengira nisbah skala untuk kedua-dua lebar dan tinggi:

ratioX = maxWidth / imageWidth
ratioY = maxHeight / imageHeight

Seterusnya, kami menentukan nisbah minimum antara keduanya:

ratio = min(ratioX, ratioY)

Menggunakan nisbah terbitan, kami mengubah saiz imej:

newWidth = imageWidth * ratio
newHeight = imageHeight * ratio

Hasilnya ialah imej baharu yang mematuhi kekangan lebar dan ketinggian yang ditentukan sambil mengekalkan nisbah bidangnya.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Saiz Imej Secara Berkadar Sambil Mengekalkan Nisbah Aspek dengan Kekangan Tinggi dan Lebar Maks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!