女主播一区,日韩美无码一,日韩精品二区

国产精品青草久-国产精品情侣愉拍-国产精品区网红主-国产精品区一区二-国产精品热久久-国产精品热热热-国产精品人aⅴ-国产精品人成在线-国产精品人妻人伦-国产精品人人

LEADTOOLS JavaScript SDK使用教程：HTML5圖像

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

概述：LEADTOOLS JavaScript SDK提供了強(qiáng)大的移動(dòng)設(shè)備和平板電腦成像技術(shù)。本文將展示如何添加 HTML5 / JavaScript查看器控件至Web頁(yè)面，實(shí)現(xiàn)加載圖像并設(shè)置一些交互模式。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>

零空間占用的成像應(yīng)用程序概念由來(lái)已久，隨著越來(lái)越多的人借助移動(dòng)設(shè)備和平板電腦處理日常事務(wù)，零空間占用的成像應(yīng)用程序重新流行起來(lái)。然而，平臺(tái)和操作系統(tǒng)的日益多樣化成為零空間占用成像應(yīng)用程序的一大挑戰(zhàn)。在HTML5中的 Canvas元素完美的解決了這個(gè)問(wèn)題，因?yàn)橥粦?yīng)用程序可以運(yùn)行于任何臺(tái)式機(jī)，平板電腦或移動(dòng)設(shè)備，從而增加你的潛在客戶群，降低您的開(kāi)發(fā)時(shí)間。

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

LEADTOOLS JavaScript SDK關(guān)鍵功能：

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

HTML5 / JavaScript查看器控件

與LEADTOOLS JavaScript庫(kù)結(jié)合使用，Cavas可以顯示所有標(biāo)準(zhǔn)的UI功能，如放大、平移和縮放。所有這些交互式模式可以在臺(tái)式機(jī)、平板電腦和手機(jī)上進(jìn)行多點(diǎn)觸摸及各種手勢(shì)操作。下列代碼展示了將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>

接下來(lái)，你需要添加一些事件處理程序：

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服務(wù)支持多種文件格式、條形碼、OCR和圖像處理。這意味著你可以加載和顯示LEADTOOLS 所支持的150多種文件格式。

你可以調(diào)用REST服務(wù)和手動(dòng)解析JSON以獲取圖像信息，如寬度，高度等。當(dāng)然，這并不總是必要的，因?yàn)槟阒恍枰峁?一個(gè)服務(wù)網(wǎng)址，查看器便可以為你完成所有的工作：

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

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都控件網(wǎng)

上一篇：使用TX Text Control實(shí)現(xiàn)更實(shí)惠的PDF數(shù)字簽名下一篇：思維導(dǎo)圖軟件MindManager for Windows教程：模版的使用