成都网站建设设计

将想法与焦点和您一起共享

js自动等比例设置图片尺寸大小-创新互联

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

  // 如果图片高度或者宽度大于限定的高度或者宽度则进行等比例尺寸压缩
  if (imgHeight > winHeight || imgWidth > winWidth) {
    // 1.原图片宽高比例 大于等于 图片框宽高比例
    if (winWidth/ winHeight <= imgWidth / imgHeight) {
        imgWidth = winWidth;   //以框的宽度为标准
        imgHeight = winWidth * (imgHeight / imgWidth);
    }

    // 2.原图片宽高比例 小于 图片框宽高比例
    if (winWidth/ winHeight > imgWidth / imgHeight) {
        imgWidth = winHeight  * (imgWidth / imgHeight);
        imgHeight = winHeight  ;   //以框的高度为标准
    }
  }

  var imgHtml = "";  
}

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

创新互联-专业网站定制、快速模板网站建设、高性价比阳高网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式阳高网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖阳高地区。费用合理售后完善,十余年实体公司更值得信赖。
文章名称:js自动等比例设置图片尺寸大小-创新互联
路径分享:http://chengdu.cdxwcx.cn/article/coejgd.html