首頁猿問如何按比例調(diào)整圖像大小/保持高寬比？

如何按比例調(diào)整圖像大小/保持高寬比？

JavaScript

開心每一天1111 2019-07-27 16:56:50

如何按比例調(diào)整圖像大小/保持高寬比？我的圖像將是相當大的維度，我想縮小他們與jQuery，同時保持比例限制，即相同的縱橫比。有人能告訴我一些代碼，或者解釋一下邏輯嗎？

查看完整描述

3 回答

浮云間

TA貢獻1829條經(jīng)驗獲得超4個贊

我覺得這真的是冷法:

 /**
  * 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 };
 }

反對回復 2019-07-27