如何按比例调整图像大小/保持高宽比？

Question

如何按比例调整图像大小/保持高宽比？我的图像将是相当大的维度，我想缩小他们与jQuery，同时保持比例限制，即相同的纵横比。有人能告诉我一些代码，或者解释一下逻辑吗？

Answer 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 };
 }