国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS實現按比例縮放圖片的方法(附C#版代碼)

2019-11-20 11:03:50
字體:
來源:轉載
供稿:網友

本文實例講述了JS實現按比例縮放圖片的方法。分享給大家供大家參考,具體如下:

js版本:

function resizeImage(obj, MaxW, MaxH){ var imageObject = obj; var state = imageObject.readyState; if(state!='complete')  {  setTimeout("resizeImage("+imageObject+","+MaxW+","+MaxH+")",50);  return; } var oldImage = new Image(); oldImage.src = imageObject.src; var dW = oldImage.width;  var dH = oldImage.height; if(dW>MaxW || dH>MaxH)  {  a = dW/MaxW; b = dH/MaxH;  if( b>a ) a = b;  dW = dW/a; dH = dH/a; } if(dW > 0 && dH > 0)  {  imageObject.width = dW;  imageObject.height = dH; }}

使用很簡單:<img src="../pic.jpg" onload='resizeImage(this,60,90)> 就OK了;

注:等比例放縮的時候會出現抖動的情況,處理方法很簡單,你在img的屬性先設置它的widht和height,這樣的話加載的時候絕對不會超過這個尺寸,等你js運行好之后就會調到你所規定的比例,絕對不會以下撐到很大。

同時也附上C#版本的

/// <summary>/// 按比例縮放圖片/// </summary>/// <param name="imgUrl">圖片的路徑</param>/// <param name="imgHeight">圖片的高度</param>/// <param name="imgWidth">圖片的寬度</param>/// <returns></returns>public static string GetImageSize(string imgUrl,int imgHeight,int imgWidth){ string fileName = System.Web.HttpContext.Current.Server.MapPath(imgUrl); string strResult = string.Empty; if(System.IO.File.Exists(fileName) && imgHeight != 0 && imgWidth != 0) {  decimal desWidth;decimal desHeight;//目標寬高  System.Drawing.Image objImage = System.Drawing.Image.FromFile(fileName);  decimal radioAct = (decimal)objImage.Width/(decimal)objImage.Height;//原始圖片的寬高比  decimal radioLoc = (decimal)imgWidth/(decimal)imgHeight;//圖片位的寬高比  if(radioAct > radioLoc)//原始圖片比圖片位寬  {     decimal dcmZoom = (decimal)imgWidth/(decimal)objImage.Width;   desHeight = objImage.Height*dcmZoom;   desWidth = imgWidth;  }  else  {   decimal dcmZoom = (decimal)imgHeight/(decimal)objImage.Height;   desWidth = objImage.Width*dcmZoom;   desHeight = imgHeight;  }  objImage.Dispose(); //釋放資源  strResult = "width=/"" + Convert.ToString((int)desWidth) + "/" height=/""   + Convert.ToString((int)desHeight) + "/" "; } return strResult;}

希望本文所述對大家JavaScript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吴忠市| 庆城县| 阳曲县| 京山县| 湘乡市| 屯门区| 介休市| 酒泉市| 昔阳县| 郯城县| 武冈市| 南靖县| 镇沅| 高安市| 志丹县| 当涂县| 华蓥市| 兴隆县| 龙山县| 兴仁县| 邢台市| 信宜市| 周至县| 伽师县| 哈密市| 新闻| 博客| 重庆市| 开阳县| 铜梁县| 图木舒克市| 靖边县| 淮滨县| 图们市| 共和县| 柳河县| 华安县| 蚌埠市| 磐安县| 扬州市| 凌源市|