下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
//第一个参数是当前对象this,第二个是宽,第三个是高 function datuIMG(datu,kuan,chang){ datu.width = kuan*100; datu.height = chang*100; //图片等比例缩小 if(datu.width*chang>datu.height*kuan){ datu.width=kuan; datu.height=(kuan*chang)/kuan; } else{ datu.width=(chang*kuan)/chang; datu.height=chang; } //图片居中显示 //图片宽小于设定的边框宽 if(datu.width<=kuan){ var kk = parseInt((kuan-datu.width)/2); datu.style.paddingRight = kk + "px"; datu.style.paddingLeft = kk + "px"; } //图片高小于设定的边框高 if(datu.height<=chang){ var gg = parseInt((chang-datu.height)/2); datu.style.paddingTop = gg + "px"; datu.style.paddingBottom = gg + "px"; } } //使用 在img上写onload事件 onload=" datuIMG(this,100,80)" 最终的效果就会将无论多大的图片 等比缩放成 100*80
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。