Clicking the mouse on the image in RadImageEditor

[Andrzej]

I need coordinates where exactly I clicked the mouse on the loaded image in WPF RadImageEditor (not the coordinator of the editor but the image). Any ideas how to achieve this goal?

Andrzej

[Marc]

Was a solution ever found for this?
I am facing the same (or at least a very similar) issue.

I am looking to find the exact pixel coordinates of a mouse click on the image loaded within a RadImageEditor.
I need to find the true coordinates of the click on the full image, regardless of zoom-level or panned position.
I have only been able to capture the coordinates of the zoomed in area.

E.g. - If I am zoomed in on the bottom-right corner of an image, and I click on the very top-left of the zoomed-in, visible part of the image, I will be given the coordinates (0,0). However, I am looking to get the coordinates of the click in relation to the overall image as a whole.

If anyone has any information on how to accomplish this, please let me know. It would be extremely helpful.
Using C# WPF MVVM. 

[Marc]

Any luck finding an answer to this issue?

[Martin Ivanov]

Hi,

To achieve this requirement, you can get the Image control that shows the image in the control and use the GetPosition() method to get the actual coordinates.

public MainWindow()
{
	InitializeComponent();
	imageEditor.AddHandler(RadImageEditor.MouseLeftButtonDownEvent, new MouseButtonEventHandler(imageEditor_MouseLeftButtonDown), true);
}

private void imageEditor_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
	var image = e.OriginalSource as Image;
	if (image != null)
	{
		Point mousePosition = e.GetPosition(image);
	}
}

However, note that those coordinates will be based on the Image control size and not the actual size of the image file. If you need the pixel position of the original image instead of the scaled size of the control (in case it is zoomed), you will need to implement some mapping calculations that translate mouse coordinates to image pixels. Here is one way to do this:

private void imageEditor_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
	var image = e.OriginalSource as Image;
	if (image != null)
	{
		Point mousePosition = e.GetPosition(image);
		double relativeWidth = mousePosition.X / image.ActualWidth;
		double relativeHeight = mousePosition.Y / image.ActualHeight;
		
		var originalImageWidth = ((WriteableBitmap)image.Source).PixelWidth;
		var originalImageHeight = ((WriteableBitmap)image.Source).PixelHeight;

		var pixelXPosition = originalImageWidth * relativeWidth;
		var pixelYPosition = originalImageHeight * relativeHeight;
	}
}

I hope this helps.

Regards,
Martin Ivanov
Progress Telerik