jatui

MarkupEditor

Canvas-based image annotation editor with arrow, rectangle, ellipse, freehand, and text tools

Markup editor

Draw arrows, rectangles, ellipses, freehand strokes, and text on any image. Uses an external image URL — cross-origin images require CORS headers.

Props

PropTypeDefaultDescription
imageUrlstringImage to annotate (CORS-friendly)
initialShapesMarkupShape[][]Pre-existing shapes to load
onsave(shapes: MarkupShape[]) => voidSave callback with all shapes
oncancel() => voidCancel / close callback