This used to be present in the tauri react version of the app but since I began working on the native version it hasn't been re-added.

• Implement zooming in / out.
• Implement panning / dragging an image.

At egui they made a quick example project showing how they implemented a zoom / panning widget. My plan is to rewrite that into roseate.

I think this is how we can do it: emilk/egui@069d7a6#diff-74fdcfecbe0c685b2afa67c95a4048ad58c88dde75479ab822ee537b47fa3fd3R54-R70

Also it seems like we can implement dragging like this: emilk/egui@069d7a6#diff-74fdcfecbe0c685b2afa67c95a4048ad58c88dde75479ab822ee537b47fa3fd3R39-R44

Before we can consider merging

• Find a way to lock image panning if user is interacting with info box (i.e moving info box)
• Reset image zoom scale factor back to 1.0 if user has zoomed out too far.
• Reset image pan offset back to default if user has panned image out of window bounds.
  • The main issue.
  • Animate it (I can't figure out why this is not working and I've been stuck on it for 3 hours)
  • Fix buggy pan reset animation.
  • Only reset pan offset if the user is not panning.
• Zoom into cursor position instead of the center of the image. #17 (skipped)
• Comment code and add docstrings where needed.