html5手势识别LEADTOOLS HTML5图像教程

零空间占用图像运用程序的观点已经涌现了一段韶光，越来越多的人在日常任务中开始依赖移动设备和平板电脑，这个观点又重新盛行了起来。
平台和操作系统的多样性是一个寻衅。
相同的运用程序会运行在任意的桌面、平板电脑或移动设备上，在HTML5中采取Canvas元素是这个问题的完美办理方案，同时增加了你的潜在客户群，减少了开拓和支持的事情。

LEADTOOLS现在包括一个可用于文档和医学图像的JavaScript SDK。
LEAD科技为程序员供应拥有最新图像技能的程序友好的开拓工具包已经20多年。
专注于最新移动设备和平板电脑的开拓者现在可以将强大的图像技能如OCR、条码、图像显示和处理、DICOM、PACS等添加至移动app。

LEADTOOLS SDK中HTML5 DICOM查看器的紧张功能跨平台图像查看的HTML5/JavaScript查看器控件可以运行在任意台式机、平板电脑或移动设备上，支持HTML5支持鼠标和多触控（手势）输入交互模式包括：基于物理单元和逻辑单元的图像显示内置的图像操作：本地化的HTML5图像注释和标记扩展LEADTOOLS RESTful Web做事，添加高等功能如扩展的文件格式支持（如TIFF、PDF、DOC、DICOM等）、OCR和条码利用窗位和元数据从本地存档或任意远程PACS显示DICOM图像包含源码的功能完全的DICOM查看运用程序，易于定义和品牌化

html5手势识别LEADTOOLS HTML5图像教程 React

包含HTML5技能的SDK产品

HTML5代码

不才面的例子中，我们将为您展示如何将HTML5 / JavaScript查看器控件添加到一个web页面，如何加载一个图像并设置一些交互模式。
此外，我们将利用图像格式RESTful web做事的JSON加载一个非web格式如PDF。

HTML5/JavaScript查看器控件

HTML5库的紧张HTML5工具是Canvas。
与LEADTOOLS JavaScript库结合，图像画布能够以所有标准的UI功能显示一个图像，包括平移、缩放、放大镜、中央等。
所有的交互模式都可以在台式机、平板电脑和手机上正常无缝事情，且支持鼠标和多点触控手势输入（如缩放）。

为了在一个HTML文档中添加查看器控件，你须要的只是一个包装器div和在页面加载时运行的几行JavaScript代码，剩下的LEADTOOLS会帮你完成！

你可以在标准

标签中加载一个JPEG、PNG 或GIF，在div中封装，然后你就能拥有一个具有滚动条的基本“图像查看器”。
这便是交互模式起浸染的地方，为查看器供应了丰富的UI功能如放大镜以及在触摸屏（或鼠标上的Ctrl + Click）上平移、缩放的能力。
在HTML中添加按钮后，你必须修正事宜处理器上的运行方法。

\rvar buttonPanZoom = document.getElementById('buttonPanZoom');\rbuttonPanZoom.addEventListener('click', function (e) {\r // 将交互模式设置为PanZoom\r var interactiveModePanZoom = new\rLeadtools.Controls.ImageViewerPanZoomInteractiveMode;\r _viewer.set_defaultInteractiveMode(interactiveModePanZoom);\r}, false);\r \rvar buttonMagnify = document.getElementById('buttonMagnify');\rbuttonMagnify.addEventListener('click', function (e) {\r // 将交互模式设置为MagnifyingGlass\r var interactiveModeMagGlass = new Leadtools.Controls.ImageViewerMagnifyGlassInteractiveMode;\r interactiveModeMagGlass.set_borderThickness(5);\r _viewer.set_defaultInteractiveMode(interactiveModeMagGlass);\r}, false);

RESTful Web做事

REST不是新技能，它是HTTP 1.0 和1.1的一部分，但是许多web运用程序已经阔别了它。
然而，当利用零空间占用时，客户端运用程序利用HTML5和JavaScript，由于它能与 JavaScript工具注释（JSON）进行大略交互，因此REST是一个更好的选择。

LEADTOOLS为图像格式（如下所示）、OCR、条码和图像处理供应了RESTful web做事。
图像格式web做事可以吸收任意图像，将它转化为web可显示的格式，然后将它返回给查看器。
这意味着一个人可以加载和显示LEADTOOLS支持的150多种格式中的任意一种。

你可以调用REST做事并手动解析JSON，获取图像信息如宽度、高度等。
这也并不总是必要的，但是，查看器可以大略的将它通报给做事URL，完成所有这些事情。

\rloadPDF: function SiteLibrary_DefaultPage$loadPDF(viewer) {\r // 这是我们想要加载的图像\r var imageUrl =\公众http://demo.leadtools.com/images/pdf/leadtools.pdf\"大众; // 将它添加到REST做事加载方法中 var restLoad =\公众http://localhost/LEADTOOLSRESTServicesHost/Raster.svc/Load?uri=\公众 + imageUrl; // 在查看器中设置它 _viewer.set_imageUrl(restLoad); },

总结

LEADTOOLS为开拓者供应了全天下一流的稳定图像库，易于利用的高等编程接口让业务关键型运用程序的快速开拓变为可能。

HTML5和RESTful Web做事只是LEADTOOLS供应的多少技能中的一个。
若想理解我们产品的更多信息，欢迎访问我们的主页，下载功能完全的试用版SDK，在试用期间欢迎您利用我们的免费技能支持。

购买最新正版授权！
\"大众咨询在线客服\"大众

慧都年终盛典火爆开启，一年仅一次的最强匆匆销，破冰钜惠不容错过！
！

本站文章除注明转载外，均为本站原创或翻译