ホームページ > ウェブフロントエンド > jsチュートリアル > 画像の比例スケーリングを実現する JS メソッド (C# バージョン コードを使用)_JavaScript スキル

画像の比例スケーリングを実現する JS メソッド (C# バージョン コードを使用)_JavaScript スキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 15:27:05
オリジナル
1199 人が閲覧しました

この記事の例では、JS で画像を比例的に拡大縮小する方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

js バージョン:

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

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;

 }

}

ログイン後にコピー

使い方はとても簡単です: /// <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 プログラミングのすべての人に役立つことを願っています。

関連ラベル:
js
前の記事:jqueryプラグインajaxuploadはファイルアップロードoperation_jqueryを実装します 次の記事:JS操作XML例のまとめ(XMLファイルと文字列の読み込みと解析)_javascriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ノード Js + JS 入力 = document.getElementById
から 1970-01-01 08:00:00
0
0
0
js addClassが機能しない
から 1970-01-01 08:00:00
0
0
0
javascript - jsコードをPythonに変換
から 1970-01-01 08:00:00
0
0
0
jsファイルのコードが見つかりません
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート