本文实例讲述了射流研究…实现控制图片显示大小的方法。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title最新爪哇岛描述语言自动按比例显示图片，按比例压缩图片显示/title脚本类型=' text/JavaScript '函数AutoResizeImage(maxWidth，maxHeight，objImg){ var img=new Image()；img。src=ObJimg。srcvar hRatiovar wRatiovar比率=1;var w=img . width var h=img . heightwratio=最大宽度/w；hRatio=最大高度/h；if(maxWidth==0 maxHeight==0){ Ratio=1；} else if(maxWidth==0){//if(HRA TiO 1)Ratio=HRA TiO；} else if(maxHeight==0){ if(wRatio 1)Ratio=wRatio；}否则如果(wRatio 1 | | hRatio 1){ Ratio=(wRatio=hRatio？雷蒂欧；} if(Ratio 1){ w=w * Ratio；h=h *比率；} ObJimg。高度=h；objimg。宽度=w；}/脚本/标题dybr/原图显示(534 X 800)br/加载时=' AutoResizeImage(0，0，this)br/a href='//文件。JB 51。net/file _ images/article/201702/2017218121607044。jpg ' target=' _ blank ' img src=' http://img。cppcns。com/pic。PHP？URL=/file _ images/article/201702/2017218121607044。jpg ' border=' 0 ' width=' 0 ' height=' 0 ' on load=' AutoResizeImage(0，0，this)' alt=' 534 X 800 '/ABR/br/1 .按宽度250压缩，不限制高度按比例压缩br /onload='AutoResizeImage(250，0，this)' br/a href='//www .JB 51。net/' target=' _ blank ' img src=' http://img。cppcns。com/pic。PHP？URL=/file _ images/article/201702/2017218121607044。jpg ' border=' 0 ' width=' 0 ' height=' 0 ' on load=' AutoResizeImage(250，0，this)' alt=' 250 X 374 '/ABR/br/2 .按高度250压缩，不限制宽度按比例压缩br /onload='AutoResizeImage(0，250，this)' br/a href='//www .JB 51。net/' target=' _ blank ' img src=' http://img。cppcns。com/pic。PHP？URL=/file _ images/article/201702/2017218121607044。jpg ' border=' 0 ' width=' 0 ' height=' 0 ' on load=' AutoResizeImage(0，250，this)' alt=' 166 X 250 '/ABR/br/3 .按高度250宽度250 按比例压缩br /onload='AutoResizeImage(250，250，this)' br/a href='//www .JB 51。net/' target=' _ blank ' img src=' http://img。cppcns。com/pic。PHP？URL=/file _ images/article/201702/2017218121607044。jpg ' border=' 0 ' width=' 0 ' height=' 0 ' on load=' AutoResizeImage(250，250，this)' alt=' 200 X 300 '/ABR/br/4 .高宽不等比例压缩(400 X 512)，此时高度不变，会自动按高度的比例压缩。br /onload='AutoResizeImage(400，512，this)' br/a href='//www .JB 51。net/' target=' _ blank ' img src=' http://img。cppcns。com/pic。PHP？URL=/file _ images/article/201702/2017218121607044。jpg ' border=' 0 ' width=' 0 ' height=' 0 ' on load=' AutoResizeImage(400，512，this)' alt=' 341 X 512 '/ABR/br/5 .高宽不等比例压缩(300 X 600)，此时宽度不变，会自动按宽度的比例压缩。br /onload='AutoResizeImage(300，600，this)' br/a href='//www .JB 51。net/' target=' _ blank ' img src=' http://img。cppcns。com/pic。PHP？URL=/file _ images/article/201702/2017218121607044。jpg ' border=' 0 ' width=' 0 ' height=' 0 ' on load=' AutoResizeImage(300，600，this)' alt=' 300 X 449 '/ABR/br/6 .如果图片本来的高度和宽度小于压缩的最大高度和宽度，则不会拉大显示图片（按原图显示)br /原图444 x 207，压缩为500 x 600，将保持原图显示br /onload='AutoResizeImage(500，600，这个)' br/a href='//www .JB 51。net/' target=' _ blank ' img src=' http://img。cppcns。com/pic。PHP？URL=/file _ images/article/201702/2017218122006996。jpg ' border=' 0 ' width=' 0 ' height=' 0 ' on load=' AutoResizeImage(500，600，this)' alt=' 444 X 207 '/ABR/br///body/html运行效果图如下：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript图片操作技巧大全》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript图形绘制技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。