Mask & Mosaic Demo

Compose the Overlay Foundation with Mask, Mosaic, and Canvas Interactions to demonstrate editable overlays and pointer-driven pixel redaction.

Image upload

Layout mode

Sample Presets

Fixed masks target common fields in the synthetic sample document.

Mask Tools

Shape

Mosaic Tools

Brush size Block size

No image loaded

Load the synthetic document sample or upload a local image.

Editor State

ImageEmpty

ToolNone

Masks0

SelectionNone

Mosaic48px / 10px

Last operationNone

Mask List

Export

Format Quality

Include overlays in export

No export yet.

Save last export

Public APIs Used

new ImageEditor.ImageEditorCore() ImageEditor.composePlugins() ImageEditorPlugins.Overlay.overlayFoundationPlugin() ImageEditorPlugins.Mask.maskPlugin() ImageEditorPlugins.Mosaic.mosaicPlugin() ImageEditorPlugins.CanvasInteractions.canvasInteractionsPlugin() editor.loadImageFile() editor.observeContainer() editor.subscribeStatus() plugins.masks.create() plugins.masks.removeSelected() plugins.masks.flatten() plugins.mosaic.enter() plugins.mosaic.configure() plugins.mosaic.commit() plugins.canvasInteractions.cancel() editor.exportImageBase64()