. img图片铺满整个背景且不变形 - 长沙天助网
欢迎进入【长沙天助网】一站式网站建设服务平台!
公司官网 服务标准 网站建设
建站上【长沙天助网】建站服务平台企业花一样的钱,做不一样的网站!

全国销售热线:
130-8055-9997

全国客服热线:
0731-83299082

img图片铺满整个背景且不变形

2017-10-26 10:03:49   来自:tuiweb.cn
function DrawImage(ImgD,iwidth,iheight){
    //参数(图片,允许的宽度,允许的高度)
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
        if(image.width/image.height>= iwidth/iheight){
            if(image.width>iwidth){
                ImgD.width=iwidth;
                ImgD.height=(image.height*iwidth)/image.width;
            }else{
                ImgD.width=image.width;
                ImgD.height=image.height;
            }
        }else{
            if(image.height>iheight){
                ImgD.height=iheight;
                ImgD.width=(image.width*iheight)/image.height;
            }else{
                ImgD.width=image.width;
                ImgD.height=image.height;
            }
        }
    }
}


上一篇:如何理解 Web 语义化? 下一篇:banner轮播简易代码