ホームページ  >  記事  >  ウェブフロントエンド  >  php および js_javascript スキルを使用したデータベース イメージの比例スケーリングの例

php および js_javascript スキルを使用したデータベース イメージの比例スケーリングの例

WBOY
WBOYオリジナル
2016-05-16 16:50:581699ブラウズ
画像の JS 比例スケーリング

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

Actipro CodeHighlighter (フリーウェア) によって生成されたコードの強調表示http://www.CodeHighlighter.com/-->



function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image( );
img.src = objImg.src;
var hRatio;
var w = img.width; .height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
}else if (maxWidth==0){//
if (hRatio}else if (maxHeight==0){
if (wRatio}else if (wRatioRatio = (wRatio}
if (Ratiow = w * 比率;
h = h * 比率;
objImg.height = h;



元の画像表示 (534 X 800)
onload="AutoResizeImage(0 ,0, this)
534 X 800

。 /img/IMG_20140424_200722.jpg" target="_blank">200 、画像は拡大表示されません (元の画像に従って表示されます)<br>元の画像は 444 x 207、500 x 600 に圧縮されています。画像が表示されます<br /> <br>onload =
444 X 207






PHP 比例スケーリングデータベースイメージ





コードをコピー


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


class ImgSF{
function make_img($img_address ){
//画像の一定のスケーリング//PHP はリソースに対してのみ動作できるため、必要な画像をコピーする必要がありますスケーリングして新しいリソースとして作成します
$src =imagecreatefromjpeg($img_address);
//最大値は 300 に従って、反対側の長さを計算し、拡大縮小された画像の幅と高さを取得します
if($w > $h){
$w=$max;
$h=$h *($max/$size_src['0']);
$h=$max; $w*($max/$size_src['1']) ;
}


//幅が $w、高さが $h の True Color 画像リソースを宣言します
$image =imagecreatetruecolor($w, $h);


//キー関数、パラメータ (ターゲット リソース、ソース、ターゲット リソースの開始座標 x、y、ソース リソースの開始座標 x、y) 、ターゲット リソースの幅と高さ w,h、ソース リソースの幅と高さ w、h)
imagecopyresampled($image, $src, 0, 0, 0, 0, $w, $h, $size_src ['0'], $size_src['1']);

//ブラウザに
header('content-type:image/png')
imagepng($) を解析するように指示します。 image);

// リソースを破棄します
imagedestroy($ image)
}
}
$obj=new ImgSF(); ("./img/IMG_20140424_200722.jpg");
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。