JavaScript は、Web ページ画像コードの均等な比率のスケーリングと、method_javascript スキルの呼び出しを実装します。

Web ページの画像を処理する場合、特に一部の画像リスト アプリケーションでは、画像サイズを均一にすることが困難です。画像サイズを直接設定すると、画像が伸びたり、ぼやけたりすることがあります。この記事で紹介するコードは、自動的に拡大縮小することができます。画像をロードした後に画像のサイズを変更します。
JavaScript:

コードをコピーします コードは次のとおりです。

< ="javascript " type="text/javascript">
< !--
// 説明: JavaScript を使用して Web ページ画像の均等なスケーリングを実現します
// 構成: http://www .CodeBit.cn
関数 DrawImage(ImgD,FitWidth,FitHeight)
{
var image=new Image();
image.src=ImgD.src;
if(image.width> ;0 && image.height>0)
{
if(image.width/image.height>= FitWidth/FitHeight)
{
if(image.width>FitWidth)
{
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
else
{
ImgD.width=image.width ;
ImgD .height=image.height;
}
}
else
{
if(image.height>FitHeight)
{
ImgD.height= FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
else
{
ImgD.width=image.height; =image.height;
}
}
}
}
< スクリプト>


🎜>コード:

コードをコピー

コードは次のとおりです: 画像が大きい場合は、同時に、イメージ タグ内で希望のイメージ サイズを指定します。このサイズは、読み込み中にページが拡張されないようにします。このサイズは、最終的なスケーリング効果には影響しません。上記のコードは次のように変更できます。 コード:

コードをコピー

コードは次のとおりです: