知识大全 用JavaScript自动生成等比例所略图

Posted

篇首语:读书忌死读,死读钻牛角。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 用JavaScript自动生成等比例所略图相关的知识,希望对你有一定的参考价值。

用JavaScript自动生成等比例所略图  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

<!   本示例演示图片加载时自动显示等比例缩略图 在做web程序的时候往往会遇到客户上传很大的图片 但是显示的时候如果把所略图的高宽比手工设置好 由于图片的形状不同会造成显示变形 这里用一段小脚本程序来解决这个问题 你可以把它修改一下做的更通用一些 比如说把Wa_SetImgAutoSize()函数加个img参数 然后在图片的onload=事件里传送自己去调用函数 > <HTML> <HEAD> <TITLE>演示图片等比例缩小</TITLE> <script> function Wa_SetImgAutoSize() var img=document all img ;//获取图片 var MaxWidth= ;//设置图片宽度界限 var MaxHeight= ;//设置图片高度界限 var HeightWidth=img offsetHeight/img offsetWidth;//设置高宽比 var WidthHeight=img offsetWidth/img offsetHeight;//设置宽高比 if(img readyState!= plete )return false;//确保图片完全加载 if(img offsetWidth>MaxWidth) img width=MaxWidth; img height=MaxWidth*HeightWidth; if(img offsetHeight>MaxHeight) img height=MaxHeight; img width=MaxHeight*WidthHeight; </script> </HEAD> <BODY> <img src= border= id= img onload= Wa_SetImgAutoSize(); > <br> <input id=inp type= file onpropertychange= img src=this value; > </BODY> </HTML> cha138/Article/program/Java/JSP/201311/19296

相关参考

知识大全 jquery实现图片等比例缩放

  用原生的JavaScript实现的图片等比例缩放maxwidth和maxheight在ie中不兼容问题今天用jQuery实现了这些问题jQuery部分代码<scripttype=text/j

知识大全 用Javascript自动输出网页文本

用Javascript自动输出网页文本  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  在网页中经

知识大全 Javascript自动关闭窗口

Javascript自动关闭窗口  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!在网页源代码中加入下

知识大全 自动最大化窗口的Javascript代码

自动最大化窗口的Javascript代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 

知识大全 JavaScript技巧:让网页自动穿上外套

JavaScript技巧:让网页自动穿上外套  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  进行

知识大全 JavaScript:完全容错和浏览器自动最大化

JavaScript:完全容错和浏览器自动最大化  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!错误

知识大全 javascript自动改变文字大小和颜色的效果的小例子

这篇文章介绍了javascript自动改变文字大小和颜色的效果的小例子有需要的朋友可以参考一下 复制代码代码如下:cha138/Article/program/Java/JSP/2

知识大全 JavaScript根据数据生成百分比图和柱状图的实例代码

JavaScript根据数据生成百分比图和柱状图的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一

知识大全 如图示意东南亚略图,读图回答间题.(1)图中A为______半岛,B是世界上面积最大的群岛一______群岛,习

如图示意东南亚略图,读图回答间题.(1)图中A为______半岛,B是世界上面积最大的群岛一______群岛,习  以下文字资料是由(全榜网网www.cha138.com

知识大全 jquery图片等比例缩放程序

很多时间特别是文章都会有图片是吧如果我们固定图片大小那就会变形了影响美观现在我们来一个实用的利用jquery来控制图片等比例缩放代码吧当然这是只等比例缩放图片大小的一种方法哦还有cssjs等很多时间特