js同比例缩放图片的小例子
更新时间:2013年10月30日 16:28:04 作者:
这篇文章介绍了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;
}
}
}
}
相关文章
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
这篇文章主要介绍了Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-06-06
JavaScript搜索字符串并将搜索结果返回到字符串的方法
这篇文章主要介绍了JavaScript搜索字符串并将搜索结果返回到字符串的方法,涉及javascript中match方法操作字符串的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性...2007-08-08
JavaScript在浏览器标题栏上显示当前日期和时间的方法
这篇文章主要介绍了JavaScript在浏览器标题栏上显示当前日期和时间的方法,实例分析了javascript操作时间及DOM节点实现定时触发的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03


最新评论