1

I am working on asp.net using c#. I have to adjust an image by taking a portion of that image. I want to crop a portion of image from middle like in the below image.

enter image description here

can anyone help me please.

1

2 Answers 2

1

I have done this by getting co-ordinates of the image's portion by Jquery.

jQuery(function($) {
        $('#target').Jcrop({
            onChange: showCoords,
            onSelect: showCoords,
            onRelease: clearCoords
        });
    });
    function showCoords(c) {
        $('#xaxis').val(c.x);
        $('#yaxis').val(c.y);
        $('#x2').val(c.x2);
        $('#y2').val(c.y2);
        $('#xwidth').val(c.w);
        $('#div_width').val(c.w);
        $('#yheight').val(c.h);
        $('#div_height').val(c.h);
    };
    function clearCoords() {
        $('#coords input').val('0');
        $('#yheight').css({ color: 'red' });
        window.setTimeout(function() {
            $('#yheight').css({ color: 'inherit' });
        }, 500);
    };

Then I used these co-ordinates to crop image in C# like

String savedFileName = uploadProfileImage(profileImageName, new System.Drawing.Rectangle(Int32.Parse(xaxis), Int32.Parse(yaxis), Int32.Parse(xwidth), Int32.Parse(yheight)));

public String uploadProfileImage(string profileImageName, System.Drawing.Rectangle rectangle)
    {
        try
        {
            String retFileName = "";
            if (profileImageName != null || profileImageName != "")
            {
                GenerateCroppedThumbNail(profileImageName, rectangle);
            }
            return retFileName;
        }
        catch (Exception)
        {
            return String.Empty;
        }
    }

That works fine

Sign up to request clarification or add additional context in comments.

2 Comments

What does GenerateCroppedThumbNail do? Why don't you display that as part of your answer as it seems to be the most important part
I agree with @link64
0

If you're doing it on the server, I suggest using a server-safe wrapper instead of using System.Drawing directly, so you don't have to worry about avoiding the 29+ pitfalls and bugs.

My ImageResizing.Net library offers both automatic and manual cropping

Automatic

new ImageJob(source,dest,new 
 ResizeSettings("width=200;height=200;mode=crop;anchor=middlecenter")).Build();

Manual (by percentages)

new ImageJob(source,dest,new 
 ResizeSettings("crop=20,20,80,80;cropxunits=100;cropyunits=100")).Build();

Manual (in source image coordinates)

new ImageJob(source,dest,new 
 ResizeSettings("crop=200,200,1000,1000;")).Build()

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.