Image-Zoom

Upload images and zoom in/out by dragging. No libraries/frameworks. Vanilla JS.

Task

1. Ask user to select some image file (png, jpg, etc..) and display it in some fixed-sized area (e.g. 200 x 200), centered in window.
2. Draw a frame around image’s bounding rectangle (4 vertexes connected with dashed/dotted lines - selection box).
3. On mouse drag event of each vertex zoom-in or zoom-out the selected image correspondingly (depending on drag direction).

Notes

Sample images were included in project.