国产91司机在线观看,国产自拍视频,国产熟女视频

LEADTOOLS JavaScript SDK使用教程：HTML5圖像

原創|使用教程|編輯：郝浩|2013-10-23 09:26:08.000|閱讀 851 次

概述：LEADTOOLS JavaScript SDK提供了強大的移動設備和平板電腦成像技術。本文將展示如何添加 HTML5 / JavaScript查看器控件至Web頁面，實現加載圖像并設置一些交互模式。

零空間占用的成像應用程序概念由來已久，隨著越來越多的人借助移動設備和平板電腦處理日常事務，零空間占用的成像應用程序重新流行起來。然而，平臺和操作系統的日益多樣化成為零空間占用成像應用程序的一大挑戰。在HTML5中的 Canvas元素完美的解決了這個問題，因為同一應用程序可以運行于任何臺式機，平板電腦或移動設備，從而增加你的潛在客戶群，降低您的開發時間。

LEADTOOLS JavaScript SDK提供了強大的移動設備和平板電腦成像技術，如OCR，條形碼，圖像顯示和處理，DICOM，PACS等。本文將展示如何添加 HTML5 / JavaScript查看器控件至Web頁面，實現加載圖像并設置一些交互模式。

LEADTOOLS JavaScript SDK關鍵功能：

HTML5/JavaScript查看器控件
用于開發適用于任何臺式機、平板電腦及移動設備中跨平臺應用程序的工具
支持在移動設備和平板電腦上進行多點觸摸及各種手勢操作
包含放大鏡，平移，縮放等更多功能的交互式模式
基本的圖像處理
本地HTML5圖像注解和標記
零足跡部署為低帶寬的客戶端提供了快速的加載時間
使用LEADTOOLS RESTful Web服務擴展增加先進的功能，如擴展文件格式的支持（如TIFF，PDF格式，DOC），OCR和條碼
DICOM圖像顯示
許多示例項目均提供源代碼有助于開發工作的啟動

HTML5 / JavaScript查看器控件

與LEADTOOLS JavaScript庫結合使用，Cavas可以顯示所有標準的UI功能，如放大、平移和縮放。所有這些交互式模式可以在臺式機、平板電腦和手機上進行多點觸摸及各種手勢操作。下列代碼展示了將HTML5 / JavaScript查看器控件添加到HTML文檔：

<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 browswer support

_viewer.set_imageUrl("//demo.leadtools.com/images/jpeg/cactus.jpg");
},
</script>
</head>
<body>
<div id="imageViewerDiv" />
</body>

接下來，你需要添加一些事件處理程序：

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);

RESTful Web Services

LEADTOOLS RESTful Web服務支持多種文件格式、條形碼、OCR和圖像處理。這意味著你可以加載和顯示LEADTOOLS 所支持的150多種文件格式。

你可以調用REST服務和手動解析JSON以獲取圖像信息，如寬度，高度等。當然，這并不總是必要的，因為你只需要提供一個服務網址，查看器便可以為你完成所有的工作：

loadPDF: function SiteLibrary_DefaultPage$loadPDF(viewer) {
// This the image we want to load
var imageUrl =
"//demo.leadtools.com/images/pdf/leadtools.pdf";
// Append it to the REST service Load method
var restLoad =
"//localhost/LEADTOOLSRESTServicesHost/Raster.svc/Load?uri=" +
imageUrl;
// Set it into the viewer
_viewer.set_imageUrl(restLoad);
},

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：慧都控件網

上一篇：使用TX Text Control實現更實惠的PDF數字簽名下一篇：思維導圖軟件MindManager for Windows教程：模版的使用