Cross-Platform JavaScript Image Viewer and Editor

DsImageViewer lets users draw directly on images using Pencil and Brush tools, making it easy to add freehand markups, highlights, and annotations without leaving the viewer.

• View Demo and Code
• Draw and Paint Tools Documentation

DsImageViewer includes multiple selection tools that let users isolate a region of an image for more precise painting, copying, or cutting operations. This makes it easy to restrict brush strokes to a defined area and apply edits without affecting the rest of the image.

• View Demo and Code
• Selection Tool Documentation

DsImageViewer includes a Clone Stamp tool that lets users copy pixels from one part of an image and paint them into another, enabling quick touch-ups and localized corrections directly in the browser.

• View Demo and Code
• Clone Stamp Documentation

DsImageViewer lets users insert fully customizable text directly onto images using the Text and Objects tools, making it easy to label, annotate, and mark up visual content in the browser.

• View Demo and Code
• Text and Object Documentation

DsImageViewer’s Text and Objects tools let users add shapes, arrows, lines, brackets, and images directly onto an image layer, with a full properties panel for styling, rotation, and precise visual control.

• View Demo and Code
• Text and Object Documentation 

DsImageViewer includes a built-in Image Gallery that lets users instantly insert predefined icons and images from the toolbar, making browser-based annotation faster and more consistent.

• View Demo and Code
• Image Gallery Documentation

DsImageViewer includes built-in Undo and Redo support for image editing workflows, letting users revert or reapply actions from the toolbar or through code, while also giving developers full control over undo tracking and even the ability to register custom undoable commands.

• View Demo and Code
• Undo and Redo Documentation

Select a region of an image and quickly cut, copy, and paste it using standard keyboard shortcuts, making it easy to reuse or reposition parts of an image during editing.

• View Demo and Code
• Cut, Copy, and Paste Selected Region Documentation

DsImageViewer supports built-in rotation and flip transformations through the Page Tools plugin, allowing users to quickly rotate images or mirror them horizontally and vertically through the UI or programmatically

• View Demo and Code
• Transformation Documentation

DsImageViewer supports cropping and resizing images through the Page Tools plugin, giving users an easy way to adjust image dimensions interactively in the UI or automate transformations through code.

• View Demo and Code
• Crop and Resize Documentation

Generate images programmatically by creating a blank canvas-based image from scratch or by drawing on top of an existing image, then pushing the result into the viewer as a new image source.

• View Demo and Code
• Create Image Documentation

Easily save or download images from the toolbar or through code, including support for exporting the current edited image into common formats like PNG, JPG, WEBP, GIF, and BMP.

• Save Image Documentation

DsImageViewer includes a full-featured built-in toolbar that gives users immediate access to core viewing actions like open, zoom, fullscreen, navigation, undo/redo, save, print, and about, plus optional plug-in toolsets for page transforms, filters, painting, effects, and object-based annotations.

• View Demo and Code
• Toolbar Documentation

DsImageViewer uses a plug-in architecture so you can enable only the editing features your app needs, such as page transformations, filters, paint tools, and object-based annotations, all while keeping your viewer lightweight and easy to customize.

• View Demo and Code
• Customize Plug-In Toolbar Documentation

DsImageViewer includes built-in keyboard shortcuts for common viewer actions like zooming, opening files, printing, rotating, and undo/redo, and it also allows developers to fully customize shortcut bindings through the viewer options API.

• Keyboard Shortcuts Documentation

DsImageViewer supports full UI localization, letting you translate toolbar labels and interface text into any language by supplying custom translation resources through the built-in i18n API.

• Localization Documentation