Add Right-Click Mouse Functionality for Brightness/Contrast Adjustment and Image Zoom

[kosan0k]

Actions before raising this issue

• I searched the existing issues and did not find anything similar.
• I read/searched the docs

Is your feature request related to a problem? Please describe.

Yes, while annotating and reviewing medical images, it is crucial to have tools that enhance the visibility of image details, especially for images with low contrast or brightness. Currently, there is a lack of functionality to adjust the brightness, contrast, and zoom for the related images (e.g., additional views or related scans). This limitation can hinder efficient image annotation and review, making it difficult to identify important details, which is crucial for training AI models on medical images. Additionally, doctors, who are the primary users, are accustomed to adjusting brightness and contrast by holding the right mouse button, and find using sliders cumbersome. Sliders obscure the image and require additional steps, such as clicking on the slider window, adjusting the parameters, and then closing the window.

Describe the solution you'd like

I propose adding functionality to adjust the brightness and contrast of both the primary and related images directly via the mouse (by holding the right button, for instance), without the need for obstructive sliders. Zooming capabilities should also be integrated for the related images to allow detailed examination of image areas. This would enable users to fine-tune the image settings seamlessly and efficiently, providing a smoother and more intuitive workflow.

Describe alternatives you've considered

No response

Additional context

Adjusting brightness and contrast is particularly important in medical imaging where subtle variations in contrast may carry significant diagnostic value. Additionally, zooming can help focus on particular areas of an image for detailed annotation or analysis. This feature would enhance the platform's ability to support medical image annotation tasks for AI training.

[shinkar94]

Hi, I have implemented the solution you need.

Description:

Added gamma brightness handling when right mouse button is held down.
Added moving and scaling the image for the rest of the image blocks.
Added refresh button for color adjustment.

For the developer:

Added an additional method to the canvas-wrapper component.
In the context-image component I noticed that it is a functional component ,
so I decided to implement this solution through a custom hook and added listeners for canvas.

https://github.com/shinkar94/cvat/tree/feature/Contrast_adjustment_and_image_zoom_issue_%238800

[shinkar94]

I've created a pull request: #8881