画像の 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)
。 /img/IMG_20140424_200722.jpg" target="_blank">
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");