看到海东兄的按比例缩放图片 ,我就把我写的js版本的也拿出来show一下,哈哈!
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#版本的
C#版本---海东兄 http://www.cnblogs.com/ghd258/archive/2005/11/07/270447.html
1
/// <summary>
2
/// 按比例缩放图片
3
/// </summary>
4
/// <param name="imgUrl">图片的路径</param>
5
/// <param name="imgHeight">图片的高度</param>
6
/// <param name="imgWidth">图片的宽度</param>
7
/// <returns></returns>
8
public static string GetImageSize(string imgUrl,int imgHeight,int imgWidth)
9
{
10
string fileName = System.Web.HttpContext.Current.Server.MapPath(imgUrl);
11
string strResult = string.Empty;
12
if(System.IO.File.Exists(fileName) && imgHeight != 0 && imgWidth != 0)
13
{
14
decimal desWidth;decimal desHeight; //目标宽高
15
System.Drawing.Image objImage = System.Drawing.Image.FromFile(fileName);
16
decimal radioAct = (decimal)objImage.Width/(decimal)objImage.Height; //原始图片的宽高比
17
decimal radioLoc = (decimal)imgWidth/(decimal)imgHeight; //图片位的宽高比
18
if(radioAct > radioLoc) //原始图片比图片位宽
19
{
20
decimal dcmZoom = (decimal)imgWidth/(decimal)objImage.Width;
21
desHeight = objImage.Height*dcmZoom;
22
desWidth = imgWidth;
23
}
24
else
25
{
26
decimal dcmZoom = (decimal)imgHeight/(decimal)objImage.Height;
27
desWidth = objImage.Width*dcmZoom;
28
desHeight = imgHeight;
29
}
30
objImage.Dispose(); //释放资源
31
strResult = "width=\"" + Convert.ToString((int)desWidth) + "\" height=\""
32
+ Convert.ToString((int)desHeight) + "\" ";
33
}
34
return strResult;
35
}
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#版本的
C#版本---海东兄 http://www.cnblogs.com/ghd258/archive/2005/11/07/270447.html
1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述