WEB前端

js 图片等比例缩放控制

位置:首页 > WEB前端 > js教程,2016-08-27
js 图片等比例缩放控制,js 图片等比例缩小,js 图片等比例压缩!

function DrawImage(ImgD,FitWidth,FitHeight){ 
    var image=new Image(); 
    image.src=ImgD.src; 
    if(image.width>0 && image.height>0) 
    { 
        if(image.width/image.height>= FitWidth/FitHeight) 
        { 
            if(image.width>FitWidth) 
            { 
                ImgD.width=FitWidth; 
                ImgD.height=(image.height*FitWidth)/image.width; 
            } 
            else 
            { 
                ImgD.width=image.width;   
                ImgD.height=image.height;   
            } 
        } 
        else 
        { 
           if(image.height>FitHeight) 
           { 
                ImgD.height=FitHeight; 
                ImgD.width=(image.width*FitHeight)/image.height; 
           } 
           else 
           { 
                ImgD.width=image.width; 
                ImgD.height=image.height; 
            } 
        }   
    } 
}
实例如下:

<div class="type-file-preview">
<img src="xxx.jpg" onload="javascript:DrawImage(this,500,500);">
</div>

TAGS:js 图片等比例缩放

猜你喜欢

NewHot