Image Manipulation

[RayLS]

Hi

I'm a newbie in B4A.

I'm developing a target scoring app that has a large image of a target face (Main Image) which the user touches to indicate the hit. This image remains static.

To enable accuracy of placement a secondary image is to be displayed showing an enlarged portion of the Main Image centred on the position of the
finger. The secondary image to be move programmatically within the frame as the finger moves on the Main Image.

Can anyone help on the best way to achieve this? I can size the images so that the scale between the two is constant and any move in the X,Y co-ordinates is reflected in the secondary display (moving that image within its boundary so that the hit, an X, remains central).

I have thought of using a webview but am not too sure if that will work or whether it's the best way.

Any help or advice would be really appreciated.

Ray

:sign0085:

 

[klaus]

I would suggest you to have the main image on one panel and the zoomed image drawn with a Canvas on a second transparent panel on top of the first one.
Could you post an image to test the principle ?

Best regards.

 

[RayLS]

Solved

Thanks Klaus for your quick reply..

I found your example of ScrollImage that has helped a lot.

Thanks

Ray