Single-File Camera App
Capture a photo, sketch on it, and save the exact edited image.
This browser app opens the device camera, captures a still frame onto a canvas, lets the user draw directly on top of that captured image, and saves the final edited result as a PNG. No external libraries are used.
Edit-On-Canvas Workflow
The saved file is generated directly from the same canvas the user edits, so the downloaded image matches the visible photo and drawing exactly.
Camera permission will be requested only when you press Start Camera.
Camera
Idle
Canvas
Waiting
Tool
Pen
Brush Size
6 px
Drawing Tools
6 px
#ff4d6d
Mode
Quick Colors
How It Works
The photo is captured into a canvas. All annotation strokes are drawn onto that same canvas, which makes the saved output match the browser view.
- Use `Start Camera` to request camera access.
- Use `Capture Photo` to freeze the current video frame into the canvas.
- Draw with mouse, touch, or stylus directly on the photo.
- Use `Retake` to reopen the camera and capture again.
- Use `Save Edited Image` to download the final PNG onto the device.