首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> 關於ASP.NET

ASP.NET MVC 實作圖片裁剪:擷取指定區域回傳新圖片

     編輯:關於ASP.NET

需求:從上傳的圖片中裁剪指定矩形區域(x, y, width, height),回傳裁剪後的圖片。適用於頭像裁剪、縮圖生成等。

工具類:ImageHelper.CropImage

核心邏輯:

public static Image CropImage(Image src, Rectangle cropRect) {
  Bitmap bmp = new Bitmap(cropRect.Width, cropRect.Height);
  using (Graphics g = Graphics.FromImage(bmp)) {
    g.DrawImage(src, new Rectangle(0, 0, bmp.Width, bmp.Height), 
                cropRect, GraphicsUnit.Pixel);
  }
  return bmp;
}

控制器整合

Action 接收裁剪參數,呼叫工具類,將結果 Bitmap 輸出為 JPEG/PNG 串流回傳 FileContentResult。

前端配合

可搭配 Jcrop、Cropper.js 等 JS 庫讓使用者在瀏覽器視覺化選取區域,再將座標傳給後端裁剪。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved