gradio-app / gradio

Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
http://www.gradio.app
Apache License 2.0
30.73k stars 2.29k forks source link

[ImageEditor] - Zoomable Image components for better UX #3278

Open Alchete opened 1 year ago

Alchete commented 1 year ago

This is a request to add zoom capability to the various Image components (sketch, color-sketch, etc.)

Users of Stable Diffusion via Automatic1111 are currently zooming the Gradio Sketch and Image components by zooming their entire browser windows (CTRL+mousewheel) in order to paint masks, as there's currently no native support.

Some implementation ideas:

Zoom button that creates a "mode" where the user can draw a bounding box. Zoom autoscale button to zoom back to 1:1. And/Or optionally double-click while in zoom mode. Zoom via mousewheel (aka Google Maps / Photoshop) where the zoom centers on the cursor. (I can provide the algorithm if needed)

JunchuanYu commented 11 months ago

is this function available in gradio,? where i can get the demo? @abidlabs

joeloren commented 11 months ago

Hey @abidlabs , is this feature going to be added anytime soon?

FurkanGozukara commented 3 weeks ago

ImageEditor must be full screenable

so user can full screen and draw mask

Jengal34 commented 1 week ago

I am eagerly waiting for this too.