This is a simple web-based image annotation tool that allows users to upload an image, draw lines on it, and export the annotations in JSON format. It also provides options to adjust brightness and contrast of the image while annotating.
- Upload and display images.
- Draw lines on the canvas to annotate the image.
- Change line color.
- Dynamic line preview while drawing.
- Adjust the brightness and contrast of the image.
- Enable/disable eraser mode to remove lines.
- Export annotations as JSON with the line coordinates, line length and color information.
You can try out a live version of the tool here.
- Upload Image: Click on the file input to upload an image. The image will be displayed on the canvas.
- Draw Lines: Click and drag to draw lines on the image. The line will be displayed dynamically as you draw.
- Change Line Color: Use the color picker to change the line color before drawing.
- Adjust Brightness/Contrast: Use the brightness and contrast buttons to adjust the image display while drawing.
- Eraser Mode: Toggle eraser mode to click on lines and remove them from the canvas.
- Export Annotations: Click on
Export as JSONto download a JSON file containing line annotations with their coordinates, length and colors.
This project was created using AI (GPT) and contributions from:
 Dhanush S Gowda |
 R Keerthana Prasad |