html5表格图片按比例缩放,JS图片等比例缩放方法完整示例

本文实例讲述了JS图片等比例缩放方法。分享给大家供大家参考，具体如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

javascript自动按比例显示图片，按比例压缩图片显示

function AutoResizeImage(maxWidth,maxHeight,objImg){

var img = new Image();

img.src = objImg.src;

var hRatio;

var wRatio;

var Ratio = 1;

var w = img.width;

var h = img.height;

wRatio = maxWidth / w;

hRatio = maxHeight / h;

if (maxWidth ==0 && maxHeight==0){

Ratio = 1;

}else if (maxWidth==0){//

if (hRatio<1) Ratio = hRatio;

}else if (maxHeight==0){

if (wRatio<1) Ratio = wRatio;

}else if (wRatio<1 || hRatio<1){

Ratio = (wRatio<=hRatio?wRatio:hRatio);

}

if (Ratio<1){

w = w * Ratio;

h = h * Ratio;

}

objImg.height = h;

objImg.width = w;

}

border="0"

width="0"

height="0"

οnlοad="AutoResizeImage(100,0,this)"

width:100px

border="0"

width="0"

height="0"

οnlοad="AutoResizeImage(0,100,this)"

height:100px

border="0"

width="0"

height="0"

οnlοad="AutoResizeImage(100,100,this)"

width:100px height:100px

希望本文所述对大家JavaScript程序设计有所帮助。

html5表格图片按比例缩放,JS图片等比例缩放方法完整示例相关推荐

[转]图片自动缩放 js图片缩放
转自:http://hi.baidu.com/crystalhx/blog/item/deba9b2320274340ac34de09.html 图片自动缩放 js图片缩放 2008-03-27 10 ...
html设置图片切割,JavaScript html js图片切割系统
JavaScript html js图片切割系统,裁剪,图片处理关键字: javascript html js 图片切割系统裁剪处理图片切割(裁剪),这里需要声明一下: 首先js是不能操作客户端文 ...
H5图片切换，js图片轮播，js图片自动切换
没有插入图片,效果如下: 注意:下面代码为PC端显示样式,如果要放在手机端,需要微调下style #wrapper.#banner..bg width 自行修改,我的手机端iphone5s 为 wid ...
html加js动态效果图,JS动态图片的实现方法完整示例
本文实例讲述了JS动态图片的实现方法.分享给大家供大家参考,具体如下: js-是动态实现图片显示 // 设置图片的动态效果 function photoOper(ph,photo){ // 获取图片对 ...
html 悬停显示标题,JS实现TITLE悬停长久显示效果完整示例
本文实例讲述了JS实现TITLE悬停长久显示效果.分享给大家供大家参考,具体如下: JS控制TITLE悬停效果 /** * className 类名 * tagname HTML标签名,如div,td ...
js与php表单验证,JS简单表单验证功能完整示例
本文实例讲述了JS简单表单验证功能.分享给大家供大家参考,具体如下: 简单js表单验证demo Document //当用户名获取焦点时 function focus_username(){ docu ...
分享126个JS图片代码，总有一款适合您
分享126个JS图片代码,总有一款适合您 126个JS图片代码下载链接:https://pan.baidu.com/s/1tLDf9ukWCBOQU-Z2o7ofLA?pwd=3of5 提取码:3o ...
分享111个JS图片切换特效，总有一款适合您
分享111个图片切换,总有一款适合您下面是文件的名字,我放了一些图片,文章里不是所有的图主要是放不下..., 111个图片切换下载链接:https://pan.baidu.com/s/1iGzOzU ...
js图片压缩后上传方法,图片超过1M先进行压缩，然后再上传
js图片压缩后上传方法,图片超过1M先进行压缩,然后再上传图片上传目录 js图片压缩后上传方法,图片超过1M先进行压缩,然后再上传 html代码 js代码 html代码 <input type ...

html5表格图片按比例缩放,JS图片等比例缩放方法完整示例

html5表格图片按比例缩放,JS图片等比例缩放方法完整示例相关推荐

最新文章

热门文章