/*
控制图片大小
ImgD:类型为img的input元素对象,一般传入this即可
maxwidth:待显示的图片的最大宽度
maxheight:待显示的图片的最大高度
调用示例:
<input type="img" onload="DrawImage(this,80,80)"/>
*/
var flag=false;
function DrawImage(ImgD,maxwidth,maxheight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>=maxwidth/maxheight){
if(image.width>maxwidth){
ImgD.width=maxwidth;
ImgD.height=(image.height*maxwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else{
if(image.height>maxheight){
ImgD.height=maxheight;
ImgD.width=(image.width*maxheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
分享到:
相关推荐
JQuery控制图片大小代码
js控制图片大小,并验证图片类型,兼容各浏览器,测试可用
jquery幻灯片插件图片层叠加按钮控制图片大小缩放切换
jQuery插件 拖拽和鼠标滚轮控制图片大小
通过JAVA程序控制图片的大小,图片的缩略比例
JS控制图片大小(等比例缩放)
类似QQ日志的编辑器,控制图片大小,源码,asp.net
js特效脚本含源码和说明JQ控制图片大小代码本资源系百度网盘分享地址
用CSS控制图片大小显示的实现方法与代码 在网页设计中,图片大小的控制是非常重要的一方面。因为图片的大小不仅影响网页的布局,也影响用户的浏览体验。如果图片太大,可能会破坏网页的整体布局,影响用户的浏览...
用python tkinter开发的一个可以批量截取MP4视频的小工具,有界面可以直接操作(需要python环境)
java图片上传、控制大小、宽度高度和图片裁剪并保存
主要介绍了js用拖动滑块来控制图片大小的方法,实例分析了javascript使用鼠标事件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
labview图像读取 自适应图片大小.vi
本文实例讲述了Android实现通过手势控制图片大小缩放的方法。分享给大家供大家参考,具体如下: 该程序实现的是通过手势来缩放图片,从左向右挥动图片时图片被放大,从右向左挥动图片时图片被缩小,挥动速度越快,...
2. 设置页边距来控制图片大小:在Word中,用户可以通过设置页边距来控制图片的大小。页边距越大,图片就会变得越小。这种方法非常实用,特别是在需要统一图片大小时。 3. 使用Word插入图片:用户可以通过插入图片来...
通过文本框TextBox里对鼠标滚轮的响应,来控制图片框的缩放。这个功能的实现是利用MouseWheel事件下,对MouseEventArgs.Delta属性的值的判断来进行的。
asp.net修改图片的大小
控制图片大小的方法有很多,在本文将为大家详细介绍下使用js实现缩放图片,核心代码如下,感兴趣的朋友可以参考下
一个手指滑动改变图片的大小,也可以改成其他事件的更改