\ue50alqscoke　\ue50b\ue50a2007-06-15　21:21:00　\ue50b\ue50a732　\ue50b\ue50a收藏　\ue50b　版权声明:本文为博主原创文章,遵循　CC　4.0　BY-SA版权协议,转载请附上原文出处链接和本声明。　版权　1.0　JavaScript　同时被　2　个专栏收录　61　篇文章　0　订阅　订阅专栏　19　篇文章　0　订阅　订阅专栏　<　HTML　>　<　HEAD　>　<　TITLE　>　动态获取缩放图片的长度、宽度和显示比例　　<　META 　NAME　="Generator"　 CONTENT　="EditPlus"SCRIPT 　LANGUAGE　="JavaScript"缩放对象. 调用方式: zoomObj(this)　function　 zoomObj(o)var　 zoom 　=　 parseInt(o.style.zoom, 　10　)　||　100　;　zoom 　+=　 event.wheelDelta　/　12　;　if　 (zoom　>　0　)　{　o.style.zoom　=　zoom　return　 　false　var　 iOriginalWidth, iOriginalHeight; 　//　存放图片原始长度、宽度　//　动态显示图片的长度、宽度和显示比例　function　 dispCurrentSize(var　 zoom 　=　 document.all.idImg.style.zoom;　zoom 　=　 eval(zoom.substring(　0　, zoom.length　-　1　));　var　 iWidth 　=　 zoom 　*　 document.all.idImg.width;　var　 iHeight 　=　 zoom 　*　 document.all.idImg.height;　document.all.idPicCurrentSize.innerHTML 　=　 　"　图片当前大小 长:Math.ceil(iWidth　/　100　高:Math.ceil(iHeight　/　100　显示比例:Math.ceil((iWidth 　/　 iOriginalWidth)显示图片原始长度、宽度　function　 dispOriginalSize(oImg)　{　iOriginalWidth 　=　 oImg.width;　iOriginalHeight 　=　 oImg.height;　document.all.idPicOriginalSize.innerHTML 　=　 　"　图片原始大小 长:iOriginalWidth 高:iOriginalHeight;　document.all.idImg.style.zoom 　=　 　"　100%　"　;　dispCurrentSize(SCRIPT　>　　<　BODY　>　<　img 　src　="http://www.baidu.com/img/logo.gif"　 ID　="idImg"　 width　=150 　height　=50　onLoad　="dispOriginalSize(this);"　 onMouseWheel　="zoomObj(this);dispCurrentSize(div 　ID　="idPicOriginalSize"　><　P　><　P　>　<　div 　ID　="idPicCurrentSize"　><　P　><　P　>　<　br　>　<　br　>　　　 　收藏　一键三连　扫一扫,分享海报　专栏目录　06-15　42万+　近期总结一一些面试题　都是企业的面试题笔记题感觉薪资10k下的都会出笔试题　特别高的薪资都是直接技术面试或者是　现场编程总结很多人的面试题,后期会对于单个知识点再说笔记详细讲解。部分都是百度的答案,不是特全面的,可以自己找下同时分享一个自己录制的CSS3动画特效经典案例【推荐教程】--后期会更新vue框架　微信小程序等内容。https://ke.qq.com/cou...　02-11　13万+　前端面试汇总(2020年)