js同比例缩放图片的小例子_javascript技巧
程序员文章站
2022-05-06 09:16:26
...
复制代码 代码如下:
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;
}
}
}
}
推荐阅读
-
扩展JS Date对象时间格式化功能的小例子_javascript技巧
-
js 验证密码强弱的小例子_javascript技巧
-
js实现点击注册按钮开始读秒倒计时的小例子_javascript技巧
-
JS获取地址栏参数的小例子_javascript技巧
-
js同比例缩放图片的小例子_javascript技巧
-
JS在textarea光标处插入文本的小例子_javascript技巧
-
javascript检测页面是否缩放的小例子_javascript技巧
-
JS获取地址栏参数的小例子_javascript技巧
-
JavaScript等比例缩放图片控制超出范围的图片_javascript技巧
-
JS求平均值的小例子_javascript技巧