讓用戶手動裁剪具有特定尺寸的圖像作爲輸出

我想在以下教程上找到一些插件：我希望我的網站上的用戶可以上傳圖像，該圖像將用作縮略圖，儘管tumbnails有一個特定的高度/寬度，所以圖像應該裁剪。讓用戶手動裁剪具有特定尺寸的圖像作爲輸出

雖然因爲這些圖像將成爲人物的圖像，我不能簡單地將其自動裁剪。我需要一些讓用戶有可能選擇使用圖像的哪一部分的東西。例如，他們可以選擇頭像作爲個人資料圖像。

在此先感謝！

來源

2012-07-25 user1543935

不要試圖用Javascript做圖像處理。你需要一些服務器端的東西，比如用於PHP的gd2。 – MaxArt 2012-07-25 14:48:03

集成電路，但我正在尋找一些將用作新圖像的區域選擇器。 – user1543935 2012-07-25 14:51:20

如果你使用jQuery，[jCrop]（http://deepliquid.com/content/Jcrop.html）是一個很棒的插件。 – bfavaretto 2012-07-25 15:27:14

在PHP & imagejpg（使用GD），你可以這樣做：

if ($_SERVER['REQUEST_METHOD'] == 'POST') { 
    $targ_w = $targ_h = 150; 
    $jpeg_quality = 80; 

    $src = 'upload/test.jpg'; 
    $img_r = imagecreatefromjpeg($src); 
    $dst_r = ImageCreateTrueColor($targ_w, $targ_h); 

    imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'], 
      $targ_w,$targ_h,$_POST['w'],$_POST['h']); 

    imagejpeg($dst_r, 'path/to/output.jpg', $jpeg_quality); 

    exit; 
}

相反GD你也可以使用ImageMagick的基礎上做你的服務器端處理的畫布座標發送回服務器。

但是......你也可以從canvas發送原始數據.. canvas可以呈現jpg（客戶端），然後你base64對它進行編碼並上傳它（再次，但這次是作爲創建的縮略圖在畫布上）。

希望這會有所幫助！

來源

2012-07-25 16:10:39 GitaarLAB

讓用戶手動裁剪具有特定尺寸的圖像作爲輸出

回答

相關問題