当前位置:小鱼儿玄机二站 > 计算机网络 > Firefox的图片缩放代码,JS完毕按百分比缩放图片

Firefox的图片缩放代码,JS完毕按百分比缩放图片

文章作者:计算机网络 上传时间:2019-09-03

本文实例汇报了JS实现按百分比缩放图片的情势。分享给大家供我们参照他事他说加以考察,具体如下:

本文实例叙述了js完成包容IE、Firefox的图形缩放代码。共享给我们供大家仿照效法,具体如下:

js版本:

function SetSize(obj, width, height) {
  myImage = new Image();
  myImage.src = obj.src;
  if (myImage.width > 0 && myImage.height > 0) {
    var rate = 1;
    if (myImage.width > width || myImage.height > height) {
      if (width / myImage.width < height / myImage.height) {
        rate = width / myImage.width;
      } else {
        rate = height / myImage.height;
      }
    }
    if (window.navigator.appName == "Microsoft Internet Explorer") {
      obj.style.zoom = rate;
    } else {
      obj.width = myImage.width * rate;
      obj.height = myImage.height * rate;
    }
  }
}
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运维好之后就能够调到你所明确的比重,相对不会以下撑到非常大。

<img src="img/offer/41936519.jpg" border="0" style="zoom: 0.1" onload="SetSize(this, 80, 60)"/>

再便是也沾满C#版本的

这种措施在IE、FIREFOX、OPERA、NETSCAPE测量试验都适用。

/// <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程序设计有所扶助。

愿意本文所述对我们JavaScript程序设计有所帮衬。

你可能感兴趣的篇章:

  • js达成鼠标滚轮调整图片缩放效果的措施
  • 动用ImageMagick进行图纸缩放、合成与裁剪(js+python)
  • 应用javascript消除图片缩放及其优化的代码
  • JS 图片缩放效果代码
  • js 图片缩放(按比例)调整代码
  • js 图片缩放特效代码
  • JS达成按比例缩放图片的形式(附C#版代码)
  • js完毕稳固展现区域内机关缩放图片的点子
  • js完毕头像图片切割缩放及无刷新上传图片的法门

你或者感兴趣的文章:

  • C#图片按百分比缩放实例
  • C#图形按百分比缩放的得以实现代码
  • c#图形缩放图片剪切功能实现(等比缩放)
  • C#什么兑现图片的剪裁并保存
  • c# Base64编码和图表的竞相转换代码
  • C#封存图片到数据库并读取展现图片的方法
  • C#图片压缩的落到实处格局
  • C#兑现图片分割方法与代码
  • C#(.net)水印图片的扭转完整实例
  • C#兑现缩放和剪裁图片的不二诀窍身体力行

本文由小鱼儿玄机二站发布于计算机网络,转载请注明出处:Firefox的图片缩放代码,JS完毕按百分比缩放图片

关键词: