图片加载并按比例缩小到合适大小代码,JS代码库,德仔网

代码语言

代码分类

【JS】图片加载并按比例缩小到合适大小

作者:Dezai.CN / 发布于2011/3/2/ 538

<div><span style="color: #008000">//</span><span style="color: #008000">图片加载并按比例缩小到合适大小</span><span style="color: #008000">
//</span><span style="color: #008000"><img src="" width="80" onload="DownImage(this,80,0,0);"></span><span style="color: #008000">
</span><span style="color: #0000ff">function</span><span style="color: #000000"> DownImageWidth(ImgD,MaxWidth,alignX,alignY)
{
 alignX</span><span style="color: #000000">=</span><span style="color: #000000">alignX</span><span style="color: #000000">||</span><span style="color: #000000">1</span><span style="color: #000000">;
 alignY</span><span style="color: #000000">=</span><span style="color: #000000">alignY</span><span style="color: #000000">||</span><span style="color: #000000">1</span><span style="color: #000000">;
 </span><span style="color: #0000ff">var</span><span style="color: #000000"> image</span><span style="color: #000000">=</span><span style="color: #0000ff">new</span><span style="color: #000000"> Image();
 image.src</span><span style="color: #000000">=</span><span style="color: #000000">ImgD.src;
 </span><span style="color: #0000ff">if</span><span style="color: #000000">(image.width</span><span style="color: #000000">></span><span style="color: #000000">0</span><span style="color: #000000"> </span><span style="color: #000000">&&</span><span style="color: #000000"> image.height</span><span style="color: #000000">></span><span style="color: #000000">0</span><span style="color: #000000">)
 {
 </span><span style="color: #0000ff">var</span><span style="color: #000000"> rate </span><span style="color: #000000">=</span><span style="color: #000000"> MaxWidth</span><span style="color: #000000">/</span><span style="color: #000000">image.width;</span><span style="color: #000000">
</span><span style="color: #000000"> </span><span style="color: #0000ff">var</span><span style="color: #000000"> wid</span><span style="color: #000000">=</span><span style="color: #000000">0</span><span style="color: #000000">;
 </span><span style="color: #0000ff">var</span><span style="color: #000000"> hid</span><span style="color: #000000">=</span><span style="color: #000000">0</span><span style="color: #000000">;
 </span><span style="color: #0000ff">if</span><span style="color: #000000">(rate </span><span style="color: #000000"><=</span><span style="color: #000000"> </span><span style="color: #000000">1</span><span style="color: #000000">)
 {
 wid</span><span style="color: #000000">=</span><span style="color: #000000">ImgD.width</span><span style="color: #000000">=</span><span style="color: #000000">image.width</span><span style="color: #000000">*</span><span style="color: #000000">rate;
 hid</span><span style="color: #000000">=</span><span style="color: #000000">ImgD.height</span><span style="color: #000000">=</span><span style="color: #000000">image.height</span><span style="color: #000000">*</span><span style="color: #000000">rate;
 }
 </span><span style="color: #0000ff">else</span><span style="color: #000000">
 {
 wid</span><span style="color: #000000">=</span><span style="color: #000000">ImgD.width</span><span style="color: #000000">=</span><span style="color: #000000">image.width;
 hid</span><span style="color: #000000">=</span><span style="color: #000000">ImgD.height</span><span style="color: #000000">=</span><span style="color: #000000">image.height;
 }
 }
}
</span><span style="color: #008000">//</span><span style="color: #008000">......................................................................................</span><span style="color: #008000">
</span></div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)