HTML5/JavaScript Imaging SDK Technology

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 featuring robust image display and processing, support for mouse and multi-touch gesture input, annotations, and much more.

Overview of LEADTOOLS HTML5 and JavaScript Imaging SDK Technology

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

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

HTML5 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 Web Scanning

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

HTML5 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 Image Processing

LEADTOOLS includes JavaScript libraries for performing client-side image processing within cross-platform, zero-footprint HTML5 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

Download the Full Evaluation

The Full Evaluation Download includes all LEADTOOLS Document, Medical, Imaging, and Vector technologies for all development and target platforms.

Documentation Links for HTML5/JavaScript Imaging

Demo Applications that Include HTML5/JavaScript Imaging

HTML5/JavaScript Viewer

Uses HTML5 and JavaScript to demonstrate features of the LEADTOOLS raster image viewer. Features include:

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

HTML5/JavaScript Document Viewer

Use the LEADTOOLS Document Viewer in an HTML5/JavaScript application.

  • Load a document from local disk and url
  • Draw annotations on the document
  • Use thumbnail viewer
  • Interactive zooming/panning

HTML5/JavaScript OCR

Demonstrates the use of our OCR technology in HTML5/JavaScript by loading an image from a URL, or uploading an image from your device, and returning the OCR results of that image.

HTML5/JavaScript Barcode Reader

Uses HTML5 and JavaScript to demonstrate our barcode technology reading 34 different barcode symbologies in various test and real-world images.

HTML5/JavaScript Medical Web Viewer Framework

A zero-footprint Medical viewer to display DICOM images (pixel data) with window level, stack, annotations/markup, and multi-touch support for phone, tablet, and desktop.

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

HTML5/JavaScript Web Scanning Interactive Demo

Uses HTML, JavaScript, and a Self-hosted Web Service application or a Java application to demonstrate the 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 HTML5 and JavaScript to demonstrate our annotation and image-markup technology. Users may use the annotation toolbar at the bottom of the image 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.

HTML5/JavaScript Image Processing

Uses HTML5 and JavaScript to demonstrate some of our image processing technology. LEADTOOLS provides more the 200 image processing functions and only a small subset are shown including:

  • 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.