Skip to content

Image component and magnified image#162

Open
gfrn wants to merge 8 commits intomainfrom
feature/image-and-magnified-image
Open

Image component and magnified image#162
gfrn wants to merge 8 commits intomainfrom
feature/image-and-magnified-image

Conversation

@gfrn
Copy link
Copy Markdown
Collaborator

@gfrn gfrn commented Apr 17, 2026

This adds two components we made for Evo, one that provides an "upgraded" HTML tag that displays a placeholder if the image fails to load, and displays a loading indicator while the image loads.

It also adds another component (mainly used for diffraction images and particle picking) that allows users to zoom in on any area in an image, with lens/zoom sizes being configurable. It also allows users to set contrast, brightness and invert colours to make features easier to detect

image

It is also built entirely with CSS, MUI and HTML, so it requires no extra dependencies.

This depends on #161, as it would be ideal for us to only import components we're using to minimise bundle size and dependencies

@gfrn gfrn requested a review from akademy April 17, 2026 09:14
@gfrn gfrn self-assigned this Apr 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant