JS图片压缩–图片后加载后按比例缩放
2009-06-30 02:39:00 来源：WEB开发网核心提示：原理：图片加载完后把图片的尺寸固定在一个固定的范围之内，，JS图片压缩–图片后加载后按比例缩放，JS Code：<script type="text/javascript">var PRoMaxHeight=100;var proMaxWidth=100;function ImgAuto
原理：图片加载完后把图片的尺寸固定在一个固定的范围之内。。
JS Code：
<script type="text/javascript">
var PRoMaxHeight=100;
var proMaxWidth=100;
function ImgAuto(ImgD)
{
var image=new Image();
image.src=ImgD.src;
image.onload = function(){
if(image.width>0&&image.height>0)
{
var rate=(proMaxWidth/image.width<proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;
if(rate<=1)
{
ImgD.width=image.width*rate;
ImgD.height=image.height*rate
}
else
{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
};
image.onload();
};
</script>
HTML Code:
<body>
<img src="http://tech.cncms.com/tech/UploadPic/2010910/2010910201353745.jpg" id="test"/>
<script type="text/Javascript" src="img.js"></script>
</body>
中查找“JS图片压缩–图片后加载后按比例缩放”更多相关内容
中查找“JS图片压缩–图片后加载后按比例缩放”更多相关内容更多精彩
赞助商链接
