/**
* 控制图片比例大小
* @param {} img 对象
* @param {} width 最大宽度
* @param {} height 最大高度
*/
var flag = false;
function imgSuitSize(ImgD, width, height){
var image = new Image();
var iwidth = width; // 定义允许图片宽度
var iheight = height; // 定义允许图片高度
image.src = ImgD.src;
if (image.width > 0 && image.height > 0) {
flag = true;
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;
}
}
}
分享到:
相关推荐
js控制图片大小,并验证图片类型,兼容各浏览器,测试可用
JS控制图片大小(等比例缩放)
主要介绍了JS实现控制图片显示大小的方法,即实现图片等比例缩放功能,涉及JS动态操作页面元素属性相关技巧,需要的朋友可以参考下
JS控制图片上传大小,JS控制图片上传大小,JS控制图片上传大小。
javaScrpt控制图片的大小,希望可以帮助到你。
js控制上传图片的大小 js控制上传图片的大小 js控制上传图片的大小
js焦点图切换按钮控制大小图片滚动 js焦点图切换按钮控制大小图片滚动 js焦点图切换按钮控制大小图片滚动 js焦点图切换按钮控制大小图片滚动
jQuery插件 拖拽和鼠标滚轮控制图片大小
控制图片显示代码输出大小的代码,javascript写的。
主要介绍了js用拖动滑块来控制图片大小的方法,实例分析了javascript使用鼠标事件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
控制图片大小的方法有很多,在本文将为大家详细介绍下使用js实现缩放图片,核心代码如下,感兴趣的朋友可以参考下
纯HTML+js实现鼠标滚轮动态调整缩放图片大小 演示效果: https://www.bilibili.com/video/BV1pS4y167wJ/
js特效脚本含源码和说明JQ控制图片大小代码本资源系百度网盘分享地址
直接替换wangEditor.js文件,即可编辑上传图片大小,直接替换wangEditor.js文件,即可编辑上传图片大小,直接替换wangEditor.js文件,即可编辑上传图片大小,直接替换wangEditor.js文件,即可编辑上传图片大小
用该js代码可以实现图片的等比输出,从而有效的避免图片输出后过大或严重变形的问题
大家可以下载学习,谷歌的myfocus控制像素图片js库
JS控制网页背景随窗口大小自动适应<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ; charset=utf-8"> 窗口背景变化 <style type="text/css"> *{margin:0;padding...
js等比例缩放页面图片大小 // JavaScript Document function handle_img(tagimg_name,tagimg_width,tagimg_height){ var img_object=new Image(); var get_imgs=document.getElementsByName(tagimg_name); for...