Integrated Editor Demo
Compose the selected Transform, History, Mask, Annotation, and Canvas
Interactions modules for one workspace without loading Filters, Crop,
Mosaic, or Full UMD.
Load sample with overlays
Masks
Shape
Rectangle
Circle
Ellipse
Polygon
Add mask
Remove selected
Remove all
IMG
No image loaded
Load the integrated sample or upload a local image.
Editor state
Image Empty
Scale 100%
Rotation 0 deg
Flip X No
Flip Y No
Tool None
Masks 0
Annotations 0
Selection None
Undo No
Redo No
Last operation None
Annotation list
Visibility No selection
Lock No selection
Hide / show
Lock / unlock
Remove selected
Remove all
Layer order
Forward
Backward
To front
To back
Delete object
Public APIs used
new ImageEditor.ImageEditorCore()
ImageEditor.composePlugins()
ImageEditorPlugins.Transform.transformPlugin()
ImageEditorPlugins.History.historyPlugin()
ImageEditorPlugins.Overlay.overlayFoundationPlugin()
ImageEditorPlugins.Mask.maskPlugin()
ImageEditorPlugins.Annotation.annotationFoundationPlugin()
ImageEditorPlugins.AnnotationText.textAnnotationPlugin()
ImageEditorPlugins.AnnotationShape.shapeAnnotationPlugin()
ImageEditorPlugins.AnnotationDraw.drawAnnotationPlugin()
ImageEditorPlugins.CanvasInteractions.canvasInteractionsPlugin()
editor.loadImageFile()
editor.observeContainer()
editor.subscribeStatus()
plugins.transform.zoomIn()
plugins.transform.rotate()
plugins.transform.flipHorizontal()
plugins.masks.create()
plugins.text.create()
plugins.text.update()
plugins.shape.create()
plugins.shape.enter()
plugins.shape.configure()
plugins.draw.enter()
plugins.canvasInteractions.cancel()
plugins.history.undo()
plugins.overlays.bringForward()
editor.saveState()
editor.loadFromState()
editor.exportImageBase64()