Image editing (mostly cropping) solution?

I’d like my users to crop images I present to them. Does anyone know of a solution for that?

I found dash-canvas but it is obsolete, and I’m not sure how the recommended image annotations replacement helps.

Specifically, the UX I’m looking to build is:

  1. Present an image to the user
  2. Also present a selection rectangle with a constant aspect ratio
  3. The user should be able to move the rectangle over the picture
  4. The user should be able to resize the rectangle (aspect ratio remains constant and is not user changeable)
  5. The user clicks “done” and the callback has access to the selection rectangle values

Is there any widget/library that is relatively close to implementing the building blocks for the above?

I built out dash-excalidraw it might be a useful alternative:

What an impressive collection! I’ll take a deeper look.

As an aside, dash-image-gallery looks very convenient for something else I’m doing. Thank you.

2 Likes