HTML5/JavaScript Image Viewer SDK Libraries

Web developers using LEADTOOLS HTML5 and JavaScript libraries can create zero-footprint, cross-platform applications with document, medical, and raster image viewing functionality. Developers can target desktops, tablets, and mobile devices such as iPad, iPhone, and Android with a single application featuring robust document, medical, and image display and processing, mouse and multi-touch gesture input support, annotation, and much more.

Feature-rich HTML5/JavaScript Image Viewer SDK

HTML5/JavaScript Image Viewer Control

The LEADTOOLS libraries provide an HTML5 Canvas/JavaScript Viewer Control for cross-platform viewing of 150+ formats on many browsers and devices. The control's features include access to mouse and multi-touch (gesture) user input and pre-defined interactive modes such as pan, scale, zoom to rectangle, pinch and zoom, center on point, and magnifying glass. Built-in image processing functions help to overcome common issues related to image display include rotate, flip, resize/scale, invert color, and color adjustments: hue, saturation, lightness, brightness, and contrast. Extended grayscale (12-16 bit) functionality, such as window leveling, is fully supported. To speed development, the libraries include TypeScript definition files for Intellisense and static-typing.

Mark up images in HTML5 viewers

Annotation, Mark up, and Redaction

The LEADTOOLS Image viewer for HTML/JavaScript apps fully supports LEADTOOLS annotations so you can annotate and redact images and documents. LEADTOOLS annotation libraries include a clean and diverse collection of markup objects and collaborative tools to impart visual metadata to digital images and documents, which enhance user experience, productivity, and security. In addition to its award-winning annotation API, LEADTOOLS also supports specialized document and medical annotations for industry standard formats, including PDF and DICOM.

Extendable HTML5/JavaScript Image Viewer Libraries

HTML5/JavaScript Image Viewer Control is Extensible

The LEADTOOLS Viewer control for HTML/JavaScript apps can be extended to add additional features such as file format support, OCR, and barcode scanning with LEADTOOLS Web Services.

HTML5/JavaScript Image Viewer Development Made Easy

Easy to Integrate

LEADTOOLS handles the heavy lifting — eliminating months of R&D, while giving you the best quality and performance available. This leaves you free to focus on other components of your application. Download the evaluation and start coding to get an idea of how much more streamlined your development will be using LEADTOOLS.

The following are some examples of web browsers that support HTML5 markup:
  • Desktop Browsers
    • Chrome
    • Firefox
    • Edge
    • Internet Explorer 9 and later
    • Opera
    • Safari
  • Mobile and Tablet Browsers
    • Safari
    • Chrome
    • Edge
    • Internet Explorer 10 and later
    • Android
    • Firefox Mobile
    • Opera Mobile

Start Coding With LEADTOOLS HTML5/JavaScript Image Viewer


HTML5/JavaScript Image Viewer libraries for Windows, Linux, and macOS as well as all LEADTOOLS Recognition, Document, Medical, Vector, and Imaging technologies for all development and target platforms.

Download LEADTOOLS Libraries

Online Demo Applications that include HTML5/JavaScript Image Viewer SDK Libraries

HTML5/JavaScript Document Viewer

The Document Viewer for HTML ad JavaScript is a zero-footprint component to view raster, text, and document formats. It is ideal for Enterprise Content Management (ECM), document retrieval, and document normalization solutions. The following features are demonstrated:

  • Load a document from local disk and url
  • Draw annotations on the document
  • Use thumbnail viewer for page selection
  • View any bookmarks included in the document
  • Interactive zooming/panning
  • Print documents and annotations

HTML5/JavaScript Annotations

Uses LEADTOOLS annotations and image-markup libraries to add stamps, sticky notes, rulers, and various other image markup devices to an annotation layer of the image without changing the original image data.

  • Draw annotations
  • Export image

HTML5/JavaScript Viewer

Demonstrates the features of the LEADTOOLS HTML5/JavaScript image viewer. Features include:

  • Load an image from url
  • Rotate
  • Zoom
  • Flip horizontally and vertically

HTML5/JavaScript Thumbnail and Bookmark

Demonstrates the use of LEADTOOLS thumbnail viewer to navigate pages and show bookmarks.

HTML5/JavaScript Medical Web Viewer Framework

A zero-footprint Medical viewer with light and dark themes to display DICOM images (pixel data) with window level, density removal, offset, scale, zoom, stack, annotation/markup, and multi-touch support for phone, tablet, and desktop.

It demonstrates zero-footprint 3D volume rendering of multiple volume types including VRT, MIP, MPR, and SSD in the Medical Web Viewer. The viewer does not require browser plugins, desktop utilities, or remote desktop clients and options for low-resolution and caching to speed up rendering and loading.

Note: If you have your own test images that you would like to upload into the application, contact support@leadtools.com to have a private user profile created.

HTML5/JavaScript LEADVIEW

LEAD has packaged the LEADTOOLS Document Viewer web application and service into the LEADVIEW API component. It requires as little as three lines of code to plug the LEADVIEW API into any JavaScript application. The component is highly customizable and supports all the features of the existing low-level Document Viewer, including viewing and converting hundreds of file formats and more than 30 annotation and markup objects. Users can easily create themes for the UI or use the predefined dark or light themes. With a settings dialog or JSON file, the entire ReactJS UI can be customized by each end-user or administratively locked down at a server level.

Mobile Demo App

Use the LEADTOOLS Annotations App to annotate (mark-up) images without changing the image data. Add many annotation object types.