画像を比例的にサイズ調整するには?/アスペクト比を維持してサイズ調整するには?質問する

画像を比例的にサイズ調整するには?/アスペクト比を維持してサイズ調整するには?質問する

かなり大きな画像があり、比率を制限したまま、つまり同じアスペクト比を維持しながら、jQuery を使用して画像を縮小したいと考えています。

誰かコードを教えてくれたり、ロジックを説明してくれませんか?

ベストアンサー1

これは本当にクールな方法:

 /**
  * Conserve aspect ratio of the original region. Useful when shrinking/enlarging
  * images to fit into a certain area.
  *
  * @param {Number} srcWidth width of source image
  * @param {Number} srcHeight height of source image
  * @param {Number} maxWidth maximum available width
  * @param {Number} maxHeight maximum available height
  * @return {Object} { width, height }
  */
function calculateAspectRatioFit(srcWidth, srcHeight, maxWidth, maxHeight) {

    var ratio = Math.min(maxWidth / srcWidth, maxHeight / srcHeight);

    return { width: srcWidth*ratio, height: srcHeight*ratio };
 }

おすすめ記事