熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

用JavaScript自動生成等比例所略圖

2013-11-15 11:36:50  來源: JSP教程 
<!
  本示例演示圖片加載時自動顯示等比例縮略圖在做web程序的時候往往會遇到客戶上傳很大的圖片但是顯示的時候如果把所略圖的高寬比手工設置好由於圖片的形狀不同會造成顯示變形這裡用一段小腳本程序來解決這個問題你可以把它修改一下做的更通用一些比如說把Wa_SetImgAutoSize()函數加個img參數然後在圖片的onload=事件裡傳送自己去調用函數
>
<HTML>
<HEAD>
<TITLE>演示圖片等比例縮小</TITLE>
<script>
function Wa_SetImgAutoSize()
{
var img=documentallimg;//獲取圖片
var MaxWidth=;//設置圖片寬度界限
var MaxHeight=;//設置圖片高度界限
var HeightWidth=imgoffsetHeight/imgoffsetWidth;//設置高寬比
var WidthHeight=imgoffsetWidth/imgoffsetHeight;//設置寬高比
if(imgreadyState!=complete)return false;//確保圖片完全加載
if(imgoffsetWidth>MaxWidth){
imgwidth=MaxWidth;
imgheight=MaxWidth*HeightWidth;
}
if(imgoffsetHeight>MaxHeight){
imgheight=MaxHeight;
imgwidth=MaxHeight*WidthHeight;
}
}
</script>
</HEAD>
<BODY>
<img src= border= id=img onload=Wa_SetImgAutoSize();>
<br>
<input id=inp type=file onpropertychange=imgsrc=thisvalue;>
</BODY>
</HTML>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19296.html
  • 上一篇文章:

  • 下一篇文章:
  • Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.