随着移动设备和平板电脑在日常任务中变得越来越重要，跨平台的图像处理技术也变得越来越重要。HTML5的Canvas元素为这一挑战提供了完美的解决方案，因为它允许相同的应用程序在任何桌面、平板电脑或移动设备上运行，从而扩大了潜在客户群，降低了开发和支持工作量。
LEADTOOLS现在包括了针对文档和医学成像的JavaScriptSDK。LEAD Technologies提供了支持最新成像技术的程序员友好的开发工具包，已经超过20年。现在，针对最新移动设备和平板电脑的开发者可以将强大的成像技术，如OCR、条形码、图像显示和处理、DICOM、PACS等，放入客户手中。
LEADTOOLS SDK提供了HTML5/JavaScript查看器控件，支持跨平台图像查看，适用于支持HTML5的任何桌面、平板电脑或移动设备浏览器。它支持鼠标和多点触控（手势）输入，并包括以下交互模式：
此外，它还支持基于物理和逻辑单位的图像显示，内置图像操作功能，如旋转、翻转、调整大小/缩放，以及原生HTML5图像注释和标记。
通过LEADTOOLS RESTful Web服务，可以扩展更多高级功能，如扩展文件格式支持（例如TIFF、PDF、DOC、DICOM等），OCR和条形码。
LEADTOOLS提供文档HTML5模块和医学HTML5模块，这些产品都包含了HTML5技术。
以下示例展示了如何在网页中添加HTML5/JavaScript查看器控件，加载图像，并设置一些交互模式。此外，还将使用JSON与图像格式RESTful Web服务来加载非Web格式，如PDF。
<head>
<script type="text/javascript">
run: function SiteLibrary_DefaultPage$run() {
// Create the viewer
var createOptions = new Leadtools.Controls.ImageViewerCreateOptions('imageViewerDiv', 'myViewer');
_viewer = new Leadtools.Controls.ImageViewer(createOptions);
// Set the image URL - load using browser support
_viewer.set_imageUrl("http://demo.leadtools.com/images/jpeg/cactus.jpg");
},
</script>
</head>
<body>
<div id="imageViewerDiv"/>
</body>
乍一看，这可能看起来并不多，因为可以在标准的<img>标签中加载JPEG、PNG或GIF，在<div>中包装它，就有一个基本的“图像查看器”，带有滚动条。这就是交互模式发挥作用的地方，为查看器提供了丰富的UI功能，如放大镜或在触摸屏上平移、捏合和缩放的能力（或在鼠标上Ctrl + 点击）。在HTML中添加按钮后，必须修改上面的run函数，添加一些事件处理程序，然后就可以了！
var buttonPanZoom = document.getElementById('buttonPanZoom');
buttonPanZoom.addEventListener('click', function (e) {
// Set the interactive mode to PanZoom
var interactiveModePanZoom = new Leadtools.Controls.ImageViewerPanZoomInteractiveMode();
_viewer.set_defaultInteractiveMode(interactiveModePanZoom);
}, false);
var buttonMagnify = document.getElementById('buttonMagnify');
buttonMagnify.addEventListener('click', function (e) {
// Set the interactive mode to MagnifyingGlass
var interactiveModeMagGlass = new Leadtools.Controls.ImageViewerMagnifyGlassInteractiveMode();
interactiveModeMagGlass.set_borderThickness(5);
_viewer.set_defaultInteractiveMode(interactiveModeMagGlass);
}, false);
REST不是一项新技术，因为它是HTTP 1.0和1.1的一部分，但许多Web应用程序随着时间的推移已经远离了它。然而，当使用零足迹、客户端应用程序使用HTML5和JavaScript时，REST是更好的选择，因为它可以简单地与JavaScript对象表示法（JSON）接口。
LEADTOOLS提供了图像格式（这里显示）、OCR、条形码和图像处理的RESTful Web服务。图像格式Web服务接受任何图像并将其转换为Web可显示格式，并将其返回给查看器。这意味着可以加载和显示LEADTOOLS支持的150多种格式中的任何一种。
可以调用REST服务并手动解析JSON以获取图像信息，如宽度、高度等。然而，这并不总是必要的，因为查看器可以为完成所有的工作，只需给它提供服务URL：
loadPDF: function SiteLibrary_DefaultPage$loadPDF(viewer) {
// This the image we want to load
var imageUrl = "http://demo.leadtools.com/images/pdf/leadtools.pdf";
// Append it to the REST service Load method
var restLoad = "http://localhost/LEADTOOLSRESTServicesHost/Raster.svc/Load?uri=" + imageUrl;
// Set it into the viewer
_viewer.set_imageUrl(restLoad);
},
LEADTOOLS为开发者提供了世界上最高性能和最稳定的图像库，通过易于使用、高级的编程接口，使得开发业务关键应用程序变得快速。HTML5和RESTful Web服务只是LEADTOOLS提供众多技术中的一部分。有关其他产品的更多信息，请务必访问主页，下载一个免费的完全功能的评估SDK，并在评估期间利用免费技术支持。
要下载完整的HTML5示例，请访问网站。要运行此示例，需要以下内容：
需要帮助启动这个示例吗？请联系支持团队，获取免费的技术支持！有关定价或许可问题，可以联系销售团队（sales@leadtools.com）或致电704-332-5532。
零足迹OCR与LEADTOOLS HTML5