Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
Alchete opened this issue Feb 22, 2023 · 5 comments · May be fixed by #9155
Open

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

Alchete opened this issue Feb 22, 2023 · 5 comments · May be fixed by #9155
Assignees
@hannahblair
Labels
enhancement New feature or request 🖼️ ImageEditor

Comments

@Alchete
Copy link

Alchete commented Feb 22, 2023 •
edited
Loading

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)
@pngwn pngwn added 🖼️ image Image component enhancement New feature or request labels Feb 22, 2023
@abidlabs abidlabs mentioned this issue Feb 23, 2023
Closed
@abidlabs abidlabs added this to the Component Cleanup milestone Jul 9, 2023
@JunchuanYu
Copy link

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

@joeloren
Copy link

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

@abidlabs abidlabs modified the milestones: Component Cleanup, 4.0 Aug 10, 2023
@abidlabs abidlabs modified the milestones: 4.0, 4.0-image Oct 23, 2023
@pngwn pngwn added 🖼️ ImageEditor and removed 🖼️ image Image component labels Nov 20, 2023
@pngwn pngwn changed the title Zoomable Image components for better UX [ImageEditor] - Zoomable Image components for better UX Nov 20, 2023
@pngwn pngwn removed this from the 4.0-image milestone Nov 20, 2023
@FurkanGozukara
Copy link

ImageEditor must be full screenable

so user can full screen and draw mask

@Jengal34
Copy link

I am eagerly waiting for this too.

@hannahblair hannahblair linked a pull request Aug 20, 2024 that will close this issue
Draft
@psc0606
Copy link

psc0606 commented Sep 19, 2024

wait for this feature!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@hannahblair hannahblair

Labels
enhancement New feature or request 🖼️ ImageEditor
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Implement zoom & pan logic in gr.ImageEditor gradio-app/gradio
9 participants
@abidlabs @Alchete @psc0606 @joeloren @pngwn @hannahblair @FurkanGozukara @JunchuanYu @Jengal34