using GemBox.Imaging;
class Program
{
    static void Main()
    {
        // If using the Professional version, put your serial key below.
        ComponentInfo.SetLicense("FREE-LIMITED-KEY");
        using (var image = Image.Load("%InputFileName%"))
        {
            // Cropping the image
            image.Crop(150, 24, 170, 260);
            // Saving the cropped image
            image.Save("Cropped.png");
        }
    }
}

Imports System
Imports GemBox.Imaging
Module Program
  Sub Main()
    ' If using the Professional version, put your serial key below.
    ComponentInfo.SetLicense("FREE-LIMITED-KEY")
    Using image As Image = Image.Load("%InputFileName%")
      ' Cropping the image
      image.Crop(150, 24, 170, 260)
      ' Saving the cropped image
      image.Save("Cropped.png")
    End Using
  End Sub
End Module

Syed Abdullah

Syed Abdullah

Lead Software Engineer at Agoda

Published Jan 7, 2016

some time we ask end-user to upload the image and user can upload any size of image while image dimension does not fit our requirement i.e height and width does not have suite able aspect ratio so solution is to resize image forcefully or ask user to crop the image by himself. there are number of Client side solution but here i would discuss server side approach in order to crop the image which can be combined with any client side Cropping solution. generic handler in asp.net are best to return dynamic content like images and files. here i would create a generic handler using mvc 5 (any Mvc version can be used even web form asp.net with little modification ) in order to Crop images Run time. our generic handler will take image path and its dimension like height width to crop it and return cropped image to browser. Here is the Code of Generic Handler ReadMore

Like

Celebrate

Support

Love

Insightful

Funny

Comment

To view or add a comment, sign in

More articles by this author

Insights from the community

Others also viewed

Explore topics

Download the new jQuery library from jQuery.com and integrate it into your Asp.Net project. The following Faq’s will help you to integrate jQuery library into your project.

What is jQuery? How to use it in ASP.Net Pages?

How to enable jQuery intellisense in Visual Studio 2008?

How to use jQuery intellisense in an external JavaScript file?

3. Download the latest version of jCrop from jCrop official site. The current version as of this writing is 0.9.8

4. Unzip the file jquery.Jcrop-0.9.8.zip. Copy jquery.Jcrop.min.js file from Jcrop\js and jquery.Jcrop.css, Jcrop.GIF from Jcrop\css to a folder called _script in your project solution.

5. Assuming you have integrated jQuery library, let’s move forward and use the jCrop plug-in to crop an image. For easy understanding, I have copied an image called “Cartoons.jpg” in a folder called Images in our project solution. We will use this image to understand how cropping works using Jcrop plug-in. The solution explore will look like below,

How Image Cropping works in jCrop?

The jCrop plug-in allows the user to select a part of image from a larger image using mouse cursor. The selected part can then moved or changed accordingly to fit our need. Something like below,

Once the cropping area is selected like above, the jCrop plug-in will return x,y co-ordinate value which indicates the start of the selection with height and width parameter values. The Jcrop plug-in exposes OnSelect/OnChange event which allows us to capture these values after the selection. The captured values can be sent to the server where we can slice the selected part of the original image using Graphics class in System.Drawing namespace. In our example, the final output will be something like below,

To enable Jcrop on an image, we can use the below code,

$('

ImFullImage').Jcrop();

In our example, we can capture x,y co-ordinates value, length and width to hidden fields which can be accessed in the code behind file to crop from the original image. To do this, drag 4 HiddenField controls(to capture x,y, height, width), 2 Image controls(1 for original image and another for cropped image) and a Button control to do the crop in your Default.aspx page. On click of the Button, we can crop the image and save it to a folder called CroppedImages using Graphics API in System.Drawing namespace. The cropped image can be finally displayed in the Image control as seen in the above figure.

How to crop an image in asp net c#?

Write the code in btnCrop_Click event to crop & save cropped image..

// Crop Image Here & Save..

string fileName = Path.GetFileName(imgUpload.ImageUrl);.

string filePath = Path.Combine(Server.MapPath("~/UploadImages"), fileName);.

string cropFileName = "";.

string cropFilePath = "";.

if (File.Exists(filePath)) {.

How do I crop an image from the top in CSS?

5 Ways to Crop Images in HTML/CSS.

Crop Using Width, Height, and Overflow CSS Properties..

Crop Using object-fit and object-position..

Aspect Ratio Cropping with calc() and padding-top..

Crop Using CSS Transforms..

Crop with the clip-path() Function..

How to cut an image in C#?

C# Image Cropping using Rectangle.

First, load the image into a RasterImage object using Image. Load() method..

Then, cache the image..

Create a Rectangle object and initialize it with the desired size..

Pass the Rectangle object to RasterImage. Crop() method to crop the image..

Save the cropped image using RasterImage..

How to resize an image in asp net c#?

Simple Image Resizing in C#.

First, load the image file using Image class..

Then, resize image by calling Image. Resize(Int32, Int32) method..

Finally, save resized image using Image. Save(string) method..