分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

Js图片等比例缩放

发布时间:2023-09-06 01:13责任编辑:彭小芳关键词:暂无标签
 ???<img src="chargein_cashgift_detail.png" class="img" >function showImg(img,maxW,maxH) { ???let objImg = new Image(); ???let w,h,wRatio,hRatio; ???let Ratio =1; //比率 ???objImg.src=img.src; ???if(img.naturalWidth){ ???????w =img.naturalWidth; ???????h =img.naturalHeight; ???}else{ ???????w =objImg.width; ???????h =objImg.height; ???} ???wRatio = maxW / w; ???hRatio = maxH / h; ???if(maxW === 0 && maxH ===0){ ???????Ratio = 1; ???}else if(maxW === 0){ ???????if(hRatio<1) { ???????????Ratio = hRatio; ???????} ???}else if (maxH === 0){ ???????if(wRatio<1){ ???????????Ratio = wRatio; ???????} ???}else if (wRatio<1 || hRatio<1){ ???????Ratio = (wRatio<=hRatio?wRatio:hRatio); ???} ???if (Ratio<1){ ???????w = w * Ratio; ???????h = h * Ratio; ???} ???img.width =w; ???img.height =h; ???console.log(w) ???console.log(h)}let img1 =document.querySelectorAll(‘img‘)[0]showImg(img1,300,200)
View Code

Js图片等比例缩放

原文地址:http://www.cnblogs.com/vhen/p/7576229.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved