Interactive image zooming and intensity profile plotting

[nghia-vo]

I've just added new features to broh5 software that allow users to display a zoomed area or the intensity profile of an image by clicking with the mouse. There're tips that can be useful:

• How to get the correct coordinates of a mouse-clicked location when users click on an image displayed by ui.matplotlib
• How to draw a line or box around the mouse-clicked location using ui.matplotlib.
  

[Walidbenmoussa]

I have same problème. I want get x and y in matplotlib mouse move

[nghia-vo]

You can bind the event "mousemove" instead of "click":

nicegui/nicegui/elements/echart.js

Line 18 in c3ce92a

"mousemove",

Example:
Replace this:
https://github.com/algotom/broh5/blob/f7dfe6e72859e40c2ec529eb1dd5ab0d62641c12/broh5/lib/interactions.py#L86
by:

self.main_plot.on("mousemove", self.mouse_handler)

[moi90]

@nghia-vo Does that even work if the matplotlib svg element has been resized? (See #4595 (comment))

[evnchn]

It doesn't.

Is because, when you do the profile, then the matplotlib SVG element becomes smaller (in the old version it would involve scrolling), and so the coordinates are offset and incorrect.

@nghia-vo you should ideally pin NiceGUI version and expect whoever to install broh5 to do it in a venv, so that upstream NiceGUI changes never affect you like this. Regardless, the fix now is to downgrade NiceGUI with use of broh5