js实现图片的按比例缩放

最新推荐文章于 2023-09-04 15:27:00 发布

u010249858

最新推荐文章于 2023-09-04 15:27:00 发布

阅读量167

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/u010249858/article/details/83334285

版权

JavaScript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
/*实现图片的按比例缩放*/
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;
}
// ImgD.alt = image.width + "×" + 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;
}
// ImgD.alt = image.width + "×" + image.height;
}
}

}

// ---------------------------------------

</script>
</head>
<body>
<img src="test/pic.jpg" οnlοad="DrawImage(this,51,72);">
</body>
</html>

u010249858

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现图片的按比例缩放

/*实现图片的按比例缩放*/function DrawImage(ImgD, iwidth, iheight) { var image = new Image(); image.src = ImgD.src; if(image.width > 0 && image.height > 0){ if(image.width / ima...
复制链接

扫一扫