How to Scroll an Image Inside of a Canvas?

I looking for the math in order to scroll a large Image as I drag inside of a 400x400 Canvas.
I want to be able to scroll this image if I enlarge it to make it bigger.

In the mouse down event, you need to return true to get mouse drag events.
And you store the start coordinates in properties.

In MouseDrag event you can react to new coordinates.
e.g. calculate the difference. Store the new X/Y offset for the image in properties.

then call me.invalidate to cause canvas to redraw.
In Paint event us the new coordinates to draw the picture with new offset/clipping.

To display the image, I use a window with a central display using a pixmap shape with scaling and rotation

thank you

thank you for responding