Heim > Web-Frontend > js-Tutorial > js skaliert Bilder proportional

js skaliert Bilder proportional

大家讲道理
Freigeben: 2016-11-10 13:24:06
Original
1218 Leute haben es durchsucht

//第一个参数是当前对象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
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage