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

Overview of LEADTOOLS SDK Technology for HTML5 and JavaScript

HTML5/JavaScript Image Viewer

This is the base Image Viewer control that each of the following extends or builds around. It features a rich JavaScript API for displaying and working with images inside of an HTML5 <canvas> element. The viewer supports both mouse and multi-touch (gesture) input, interactive modes, drag and drop, a thumbnail browser, and more.

HTML5/JavaScript Document Viewer

The HTML5/JavaScript Document Viewer is a standalone, OEM-ready solution for viewing documents on any platform and device. Developers can create robust, full-featured applications with rich document viewing features, including image and document text search, annotations, memory-efficient paging, inertial scrolling, and vector display.

HTML5/JavaScript Medical Viewer

This OEM-ready, fully customizable web application is perfect for any developer who needs fast, lightweight DICOM viewing without sacrificing any features that health care professionals need. Client-side, medical-specific image processing and window leveling offers a fast and responsive UI that feels as effortless as any desktop workstation. Furthermore, it can be integrated with any PACS to query, retrieve, and store images.

HTML5/JavaScript Web Scanning

Control any TWAIN-enabled device from within your browser. The LEADTOOLS HTML5/JavaScript Web Scanning framework can capture, scan, and process images and documents for display within the LEADTOOLS HTML5/JavaScript Viewer, and also upload images to the server for additional advanced processing, including OCR, Barcode, file format conversion, and more.

HTML5/JavaScript Annotations

LEADTOOLS Image Annotation Technology is made available through an HTML5 and JavaScript interface for web and mobile applications. Web developers can use LEADTOOLS to provide zero-footprint, cross-platform image annotation and markup applications usable on any desktop, tablet, or mobile device browser that supports HTML5.

HTML5/JavaScript Image Processing

LEADTOOLS includes JavaScript libraries to perform client-side image processing within cross-platform, zero-footprint HTML5/JavaScript web applications. By natively processing image data on the client-side, developers can provide users with faster and more responsive applications without the need for external server calls.

Technology Related to HTML5/JavaScript Imaging

Start Coding with LEADTOOLS

Download the Full Evaluation

The Full Evaluation Download includes all LEADTOOLS Recognition, Document, Vector, Medical, and Imaging technologies for all development and target platforms. Get everything LEADTOOLS all in one convenient download.

Documentation Links for HTML5/JavaScript Imaging

Demo Applications that Include HTML5/JavaScript Imaging

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 Document Viewer

Demonstrates the LEADTOOLS Document Viewer in an HTML5/JavaScript application. The Document Viewer can be used to view raster, text, and document formats, making it ideal for Enterprise Content Management (ECM), document retrieval, and document normalization solutions.

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


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.

HTML5/JavaScript OCR

Performs OCR on images to extract text and convert images to various document formats with superior accuracy and speed.

  • Individually select pages to OCR
  • Draw zones and return selected text results
  • OCR all pages with automatic zoning

HTML5/JavaScript Barcode Reader

Detects and reads 34 different barcode symbologies in images. LEADTOOLS barcode technology can return the barcode value, location on the image, and the symbology that was detected.

  • Draw zone of interest on the image
  • Return results of barcodes

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 features low resolution and caching options for faster 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 Web Scanning Interactive Demo

An interactive demonstration of LEADTOOLS web scanning technology.

  • Scan and upload images from devices in browser-based applications
  • Apply image processing functions to scanned images
  • Print scanned images

NOTE: Client required

  • Windows: A TWAIN device and to download a TWAIN proxy for Windows
  • Linux: A SANE device and to download SANE RPM package

HTML5/JavaScript Annotations

Uses LEADTOOLS annotations and image-markup technology 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 Image Processing

Apply some of the image processing functions offered in LEADTOOLS to images. LEADTOOLS provides more the 200 image processing functions and only a small subset is shown in this interactive demonstration:

  • Flip
  • Histogram Equalize
  • Auto Color Level
  • Invert

Screenshots of HTML5/JavaScript Imaging

HTML5 Viewer

HTML5 Viewer

HTML5/JavaScript Document Viewer

HTML5/JavaScript Document Viewer



HTML5 Barcodes

HTML5 Barcodes

HTML5 Annotations

HTML5 Annotations

HTML5 Web Scanning

HTML5 Web Scanning

Medical HTML5/JavaScript Viewer

Medical HTML5/JavaScript Viewer

LEADTOOLS SDK Products that Include HTML5/JavaScript Imaging

LEADTOOLS Pro Suite v20

LEADTOOLS Pro Suite is a an extensive bundle in the LEADTOOLS Pro line of SDKs and includes HTML5 Zero-footprint image viewers, barcode detect/read/write, advanced PDF read/write/view/edit, 150+ image formats, image compression, image processing, image viewers, imaging common dialogs, 200+ display effects, TWAIN and WIA scanning, screen capture, and printing. Developers using LEADTOOLS Pro Suite can develop robust imaging applications and solutions at a fraction of the cost of similar feature sets found elsewhere on the market.

LEADTOOLS Document Imaging Suite v20

The LEADTOOLS Document Imaging Suite SDK is a comprehensive collection of LEADTOOLS SDK features designed to build end-to-end document imaging solutions that require OCR, MICR, OMR, ICR, barcode, forms recognition and processing, PDF, HTML5 Zero-footprint viewing, conversion, print, capture, archival, annotation, and image viewing functionality. This powerful set of tools utilizes LEAD's award-winning image processing technology to intelligently identify document features that can be used to recognize and extract data from any type of scanned or faxed form image.

LEADTOOLS Medical Imaging Suite v20

Develop powerful PACS and Medical imaging applications with LEADTOOLS Medical Imaging Suite. Features include LEAD's Zero-footprint HTML5 DICOM Viewer, Medical Web Viewer Framework, Medical 3D, DICOM Multimedia codecs, high and low-level PACS SCP and SCU functions and controls, secure PACS communication, Print to PACS, comprehensive DICOM data set support, image annotation, extended grayscale image display such as window level and LUT processing, DICOM Hanging Protocol, and specialized medical image processing. Other features include lossless JPEG compression, JPIP, and signed and unsigned image data processing.