js自動(dòng)等比例設(shè)置圖片尺寸大小

發(fā)布時(shí)間：2020-08-10 11:19:43 來源：網(wǎng)絡(luò) 閱讀：784 作者：pannijingling 欄目：web開發(fā)

// Img是html中的<img>元素,maxWidth最大寬度,maxHeight最大高度
function imgAutoSize(Img, maxWidth, maxHeight) {
  var img = new Image();  
  img.src = imgData.attr("src");
  var imgHeight = img.height; // 原圖片大小
  var imgWidth = img.width; //原圖片大小

  // 如果圖片高度或者寬度大于限定的高度或者寬度則進(jìn)行等比例尺寸壓縮
  if (imgHeight > winHeight || imgWidth > winWidth) {
    // 1.原圖片寬高比例 大于等于 圖片框?qū)捀弑壤?    if (winWidth/ winHeight <= imgWidth / imgHeight) {
        imgWidth = winWidth;   //以框的寬度為標(biāo)準(zhǔn)
        imgHeight = winWidth * (imgHeight / imgWidth);
    }

    // 2.原圖片寬高比例 小于 圖片框?qū)捀弑壤?    if (winWidth/ winHeight > imgWidth / imgHeight) {
        imgWidth = winHeight  * (imgWidth / imgHeight);
        imgHeight = winHeight  ;   //以框的高度為標(biāo)準(zhǔn)
    }
  }

  var imgHtml = "<img src='" + img.src + "' width='" + width + "px' height='" + height + "px' />";  
}

向AI問一下細(xì)節(jié)

js自動(dòng)等比例設(shè)置圖片尺寸大小

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽