ホームページ >ウェブフロントエンド >jsチュートリアル >js 画像比例スケーリング code_image 特殊効果

js 画像比例スケーリング code_image 特殊効果

WBOY
WBOYオリジナル
2016-05-16 18:27:211126ブラウズ
复制代码代码如下:

varscaleImage = function(o, w, h){
var img = 新しい画像();
img.src = o.src;
if(img.width >0 && img.height>0)
{
if(img.width/img.height >= w/h)
{
if( img.width > w)
{
o.width = w;
o.height = (img.height*w) / img.width;
}
else
{
o.width = img.width;
o.height = img.height;
}
o.alt = img.width "x" img.height;
}
else
{
if(img.height > h)
{
o.height = h;
o.width = (img.width * h) / img.height;
}
else
{
o.width = img.width;
o.height = img.height;
}
o.alt = img.width "x" img.height;
}
}
}

HTML
复制代代码如下:


pic






声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。