Introduction

Summary

The LEADTOOLS HTML5 and JavaScript SDKs are a powerful collection of JavaScript and Web Services that enable web developers to create zero footprint, cross-platform applications with document, medical, and raster imaging functionality. Developers can target desktop PCs and mobile devices, such as iPad, iPhone, Android, and more, with a single application featuring robust display and processing, and support for mouse and multi-touch gestures. For more information, refer to LEADTOOLS HTML5 Browser Support.

Web developers can use LEADTOOLS HTML5 Annotations to provide zero footprint, cross-platform image annotation and markup applications usable on any browser or device that supports HTML5 - including Edge, Firefox, Chrome, iOS, and Android.

The LEADTOOLS HTML5 DICOM Viewer application combines JavaScript libraries and web services to create a zero footprint, platform-independent web application to display DICOM images from any PACS. This OEM-ready, fully customizable website is perfect for any developer who needs fast, lightweight DICOM viewing without sacrificing any features health care professionals need.

Using the LEADTOOLS LEADVIEW library, you can create a complete, fully-functional Document Viewer application with as few as 3 lines of code. Allows for customized ReactJS UI through a settings dialog or JSON file.

Several LEADTOOLS SDKs offer imaging and recognition functionality in the form of JSON and SOAP/REST Web services that are designed to be easily accessed by any application for a platform-independent solution. Developers using high level environments such as .NET and Java can utilize the LEADTOOLS SOAP/REST Web Services.

All LEADTOOLS JavaScript libraries include the TypeScript definition files (.d.ts) required to develop HTML5/JavaScript applications using Microsoft TypeScript technology.

Key Features

LEADTOOLS Document Viewer SDK

• DocumentViewer

• Add rich document viewing capability, such as text edits, searches, and format conversion
• View any LEADTOOLS LEADDocument objects
• View Raster or SVG image data
• Add document redaction and format conversion
• Add client-side PDF rendering to enhance performance and reliability
• Upload documents from the user's drive to the cache system
• Customize the viewer's appearance
• Add Thumbnails for each page in multipage files
• Add Bookmarks and table of contents
• Add Annotations
• Add printing options:
  • Print all or a subset of the pages of the document set
  • Print to physical printer devices (local or network)
  • Export as PDF
  • Orientation
  • Headers
  • Showing or hiding the annotations objects in the final printout
• Disable/Enable parts of the viewer in the application
• Use native UI controls on the parent container
• Apply image interactive modes

• LEADVIEW

• Use abstracted DocumentViewer controls
• Add the LEADVIEW API to any HTML5/JavaScript project
• Configure files with very little programming
• Customize ReactJS UI
• Customize server and end user administration
• BindingManager provides an API to customize UI components

LEADTOOLS HTML Document Editor SDK

• Load, edit, and save PDF, DOC/DOCX, RTF, and more
• Text search and replace
• Undo/Redo
• Ruler
• Fonts and font styles
• Paragraph styles
• Text alignment
• Bulleted and numbered lists
• Images with text wrapping options
• Tables with split and merged cells, nested tables, and border styles
• Hyperlinks
• Headers and footers
• Page breaks
• Keyboard shortcuts

LEADTOOLS HTML5 Zero Footprint DICOM Viewer SDK

• HTML5/JavaScript Viewer Control for cross-platform medical image viewing
• Supports mouse and multi-touch (gesture) input
• Cross-platform DICOM image display and processing
• Zero footprint deployment provides fast loading times for low bandwidth clients
• DICOM images anywhere, on your desktop, tablet or mobile device, from your local archive or a remote PACS using DICOM communication
• Web Services for performing query/retrieve and streaming DICOM metadata and image data in any format or compression
• HTML5 Image Annotation and Markup
• Built-in tools for Window Level, Series Stack, image processing and more
• Signed and unsigned display for extended grayscale images typical of medical applications
• Client caching of downloaded image data for fast reloads and network traffic reduction
• Options to manage user authentication, permissions and patients' access rights

LEADTOOLS HTML5 Image Viewer SDK

• HTML5/JavaScript Viewer Control for cross-platform image viewing
• Rendering through an HTMLCanvasElement or actual HTML5 elements
• Mouse and multi-touch (gesture) input
• Interactive Modes, including:
  • Pan
  • Scale
  • Zoom to Rectangle
  • Center at Point
  • Magnifying Glass
  • Pinch and Zoom
  • Drag and Drop
• Built-in image manipulation:
  • Rotate
  • Flip
  • Resize and Scale
• Display based on physical and logical units
• Multiple Image Viewers on a single page

LEADTOOLS HTML5 Annotation SDK

• Cross-platform annotations library
• Specialized annotations for document images
• Specialized annotations for medical images
• Annotations can be added to color, bitonal, and grayscale images
• Broad range of image annotation objects including text, geometric shapes, rulers, stamps, and more
• Supports single or multipage image files
• Unlimited undo and redo levels
• Resolution independent annotations will scale with an image when loaded at a different DPI
• Backwards compatible with other LEADTOOLS annotation interfaces

Supported Environments

See Also

Reference

Libraries

Getting Started

Medical Viewer Tutorial

LEADTOOLS JavaScript Object Model

Version History

Libraries Changes History