Crop image using 2 clicked points on image.

Question

HI,
 I want to crop an image  based on 2 clicked points.
For ex:
this is an image to be crop:
take 1st click point as center and 2nd click point as radius and crop that part as square and forms new image.
And new image should be something like this:
 This is what I want.
I have done getting center point using code below:
OpenFileDialog op = new OpenFileDialog();
ImageBrush ib = new ImageBrush();
private void Image_MouseLeftButtonDown_1(object sender, MouseButtonEventArgs e)
op.Title = "Select a picture";
op.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
"Portable Network Graphic (*.png)|*.png";
if (op.ShowDialog() == true)
imgBackground.Source = new BitmapImage(new Uri(op.FileName));
private BitmapSource CutImage(BitmapImage img, Point p1, int width, int height)
return new CroppedBitmap(img, new Int32Rect(Convert.ToInt32(p1.X), Convert.ToInt32(p1.Y), width, height));
double xAxis = 0.00;
double yAxis = 0.00;
private void imgBackground_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
Point center = e.GetPosition(imgBackground);
Point border = e.GetPosition(imgBackground);
xAxis = center.X;
yAxis = center.Y;
ib.ImageSource = CutImage(new BitmapImage(new Uri(op.FileName)), new Point(xAxis, yAxis), 300, 300);
CanvasPanel.Background = ib;
XAML code:
<Button Height="70" Width="70" Margin="6,1,892,929" Name="btnBrowseImage">
<Image x:Name="browseIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\img.png" MouseLeftButtonDown="Image_MouseLeftButtonDown_1"/>
</Button>
<Image Name="imgBackground" HorizontalAlignment="Center" VerticalAlignment="Center" Height="799" Width="799" MouseLeftButtonDown="imgBackground_MouseLeftButtonDown" Stretch="Uniform">
</Image>
I hope now question is understandable.
Plz, suggest me the way to get this.
Regards,
Viswa.

Answer 1

Hi,
I want to do in WPF coding.
I need to add that cropped image as background to canvas in WPF.
User have to select image and he wants to crop image using 2 points then it has to reflect as background to canvas.