例1,JS 對某張圖片的等比縮放。
-
-
-
-
-
-
最新javascript會自動按比例顯示圖片,按比例壓縮圖片顯示-bbs.it-home.org
-
-
-
-
- 原圖顯示(534 X 800)
- onload="AutoResizeImage(0,0,this)
-
- 3.依高度250寬度250 按比例壓縮
- onload="AutoResizeImage(250,250,this)"
-
- 6.如果圖片本來的高度和寬度小於壓縮的最大高度和寬度,則不會拉大顯示圖片(按原圖顯示)
- 原圖444 x 207,壓縮為500 x 600,將保持原圖顯示
- onload=" AutoResizeImage(500,600,this)"
-
複製程式碼
例2,php對資料庫圖片的等比縮放:
-
-
-
-
class ImgSF{
- function make_img($img_address){
- /圖片的等比縮放
//因為PHP只能對資源進行操作,所以要對需要進行縮放的圖片進行拷貝,創建為新的資源
- $src=imagecreatefromjpeg($img_address );
//取得來源圖片的寬度和高度
- $size_src=getimagesize($img_address);
- $w=$size_src['0'];
- $h=$size_src['1'];
//指定縮放出來的最大的寬度(也有可能是高度)
- $max=300;
//依最大值為300,算另一邊的長度,得到縮放後的圖片寬度與高度
- if($w > $h){
- $w=$max;
- $h=$h*($max/$size_src['0']);
- }else{
- $h=$max;
- $w=$w*($max/$size_src ['1']);
- }
- //宣告一個$w寬,$h高的真彩圖片資源
- $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();
$obj->make_img("./img/IMG_20140424_20072g" ;
複製程式碼
|