Annotation Demo

Mark up screenshots, documents, QA notes, and review material with text annotations, shapes, and freehand drawing.

Image upload

Layout mode

Text

Color Size

Shape

Stroke Width

Fill

Draw

Color Brush

Eraser

Eraser removes intersected draw strokes only. Image pixels, masks, text, and shapes remain unchanged.

No image loaded

Load the sample screenshot or upload an image to start marking up.

Editor State

ImageEmpty

ToolNone

Annotations0

SelectionNone

UndoNo

Last operationNone

Annotations

VisibilityNo selection

LockNo selection

Layer order

Export

Format Quality

Include overlays in export

No export yet.

Save last export

Public APIs Used

createTextAnnotation() createShapeAnnotation() enterShapeMode() enterDrawMode() setDrawSubMode() setEraserConfig() updateAnnotation() removeSelectedAnnotation() bringSelectedObjectForward() mergeAnnotations() exportImageBase64()