插入模式属性(ImageViewer) | Leadtools。控制| HTML5 JavaScript帮助

interpolationMode财产

ImageViewer.js< / div >

InterpolationMode.html< / div >< / div >< div id ="GenericContainerEntry2047" class="GenericContainerEntry">

进口{ImageViewer_Example}从“. . / imageview”；出口类ImageViewer_InterpolationModeExample {私人viewerExample;构造函数（） {这.viewerExample =新ImageViewer_Example (这.run);｝私人run =(查看器:lt.Controls.ImageViewer) => {//注意:为了让这个例子工作，你必须在一个目录中包含图像处理脚本:lt.Controls.ImageViewer.imageProcessingLibrariesPath =“. . / LT”；常量_interpolationModeNames:字符串[] = [“没有”，“重新取样”，“ScaleToGray”];常量_interpolationModeStatus:字符串[] = [“开始”，“完成”，“失败”，“错误”];常量网址:字符串[] = [“http://demo.leadtools.com/images/png/ocr1.png”，“http://demo.leadtools.com/images/png/ocr2.png”，“http://demo.leadtools.com/images/png/ocr3.png”，“http://demo.leadtools.com/images/png/ocr4.png”];//可选:告诉imageViewer并行插值viewer.interpolationRunMode = lt.Controls.InterpolationRunMode.parallel;//开始更新imageviewer(停止渲染直到endenddate被调用)viewer.beginUpdate ();viewer.items.clear ();查看器。viewLayout =新lt.Controls.ImageViewerVerticalViewLayout ();查看器。itemBorderThickness = 5;查看器。itemMargin = lt.Controls.ControlPadding.createAll(5);为(让urlIndex = 0;urlIndex < urls.length;urlIndex + +) {常量item: lt.Controls.ImageViewerItem =新lt.Controls.ImageViewerItem ();项。文本=“项目”+ urlIndex;项。url = url [urlIndex];viewer.items.add(项);｝viewer.endUpdate ();Viewer.interpolation.add ((sender, e) => {Let lines = [];常量itemIndex:数量= viewer.items.indexOf (e.item);lines.push (“项目”+ itemIndex +”“+ _interpolationModeNames (e。模式)+”:“+ _interpolationModeStatus [e.status]);如果(e.status === lt.Controls.InterpolationStatus.error) {lines.push ("错误名称:"+ e.error.name +消息:“+ e.error.message);｝addLines(线);})；常量output = document.getElementById(“输出”）;//添加一个select来显示插值选项常量select = document.createElement(“选择”）;output.appendChild(选择);常量interpolationModes: lt.Controls。InterpolationMode[] = [lt.Controls.InterpolationMode.none, lt.Controls.InterpolationMode.resample, lt.Controls.InterpolationMode.scaleToGray];为(令index = 0;索引< interpolationModes.length;指数+ +){常量值:lt.Controls.InterpolationMode = interpolationModes[index];常量option = document.createElement(“选项”）;选择。在nerHTML = _interpolationModeNames[value];select.appendChild(选项);｝select.addEventListener (“改变”， () => {常量指数:数量= select.selectedIndex;开关(索引){情况下0：viewer.interpolationMode = lt.Controls.InterpolationMode.none;打破；情况下1：viewer.interpolationMode = lt.Controls.InterpolationMode.resample;打破；情况下2：viewer.interpolationMode = lt.Controls.InterpolationMode.scaleToGray;打破；｝})；//从resample开始选择。selectedIndex = lt.Controls.InterpolationMode.resample;viewer.interpolationMode = lt.Controls.InterpolationMode.resample;常量textOutput = document.createElement(" div "）;output.appendChild (textOutput);常量addLines = (messages) => {常量行:字符串= messages.map((line) => {返回“< p > "+线+" < / p > "})；textOutput。在nerHTML += lines;｝｝｝

出口类ImageViewer_Example {//在这个例子中使用的LEADTOOLS ImageViewer受保护的imageViewer: lt.Controls.ImageViewer =零；//示例使用的一般状态值公共timesClicked:数量= 0;构造函数(回调?:(查看器:lt.Controls.ImageViewer) =>无效){//设置LEADTOOLS license。用实际的许可证文件替换此文件lt.RasterSupport.setLicenseUri (“https://demo.leadtools.com/licenses/js/LEADTOOLSEVAL.txt”，“EVAL”，零）;//在imageViewerDiv元素中创建一个图像查看器常量imageViewerDiv = document.getElementById(“imageViewerDiv”）;常量createOptions: lt.Controls.ImageViewerCreateOptions =新lt.Controls.ImageViewerCreateOptions (imageViewerDiv);这.imageViewer =新lt.Controls.ImageViewer (createOptions);这.imageViewer。viewverticalalign = lt. controls . controlalign .center;这.imageViewer。viewhizontalalignment = lt.Controls.ControlAlignment.center;这.imageViewer。autoCreateCanvas =真正的；//增加Pan/Zoom交互模式//点击拖动可平移，CTRL-Click拖动可放大缩小这.imageViewer.interactiveModes.add (新lt.Controls.ImageViewerPanZoomInteractiveMode ());//加载图像这.imageViewer。imageUrl =“https://demo.leadtools.com/images/jpeg/cannon.jpg”；这.imageViewer.zoom (lt.Controls.ControlSizeMode。健康,9,这.imageViewer.defaultZoomOrigin);常量exampleButton = document.getElementById(“exampleButton”）;exampleButton.addEventListener (“点击”， () => {这.timesClicked + +;//运行示例如果(回调)回调(这.imageViewer);})；｝｝

进口{ImageViewer_Example}从“. . / imageview”；出口类ImageViewer_InterpolationModeExample {viewerExample;构造函数(){这.viewerExample =新ImageViewer_Example (这.run);｝Run = (viewer) => {//注意:为了让这个例子工作，你必须在一个目录中包含图像处理脚本:lt.Controls.ImageViewer.imageProcessingLibrariesPath =“. . / LT”；常量_interpolationModeNames = [“没有”，“重新取样”，“ScaleToGray”];常量_interpolationModeStatus = [“开始”，“完成”，“失败”，“错误”];常量网址= [“http://demo.leadtools.com/images/png/ocr1.png”，“http://demo.leadtools.com/images/png/ocr2.png”，“http://demo.leadtools.com/images/png/ocr3.png”，“http://demo.leadtools.com/images/png/ocr4.png”];//可选:告诉imageViewer并行插值viewer.interpolationRunMode = lt.Controls.InterpolationRunMode.parallel;//开始更新imageviewer(停止渲染直到endenddate被调用)viewer.beginUpdate ();viewer.items.clear ();查看器。viewLayout =新lt.Controls.ImageViewerVerticalViewLayout ();查看器。itemBorderThickness = 5;查看器。itemMargin = lt.Controls.ControlPadding.createAll(5);为(让urlIndex = 0;urlIndex < urls.length;urlIndex + +) {常量项=新lt.Controls.ImageViewerItem ();项。文本=“项目”+ urlIndex;项。url = url [urlIndex];viewer.items.add(项);｝viewer.endUpdate ();Viewer.interpolation.add ((sender, e) => {Let lines = [];常量itemIndex = viewer.items.indexOf(e.item);lines.push (“项目”+ itemIndex +”“+ _interpolationModeNames (e。模式)+”:“+ _interpolationModeStatus [e.status]);如果(e.status === lt.Controls.InterpolationStatus.error) {lines.push ("错误名称:"+ e.error.name +消息:“+ e.error.message);｝addLines(线);})；常量output = document.getElementById(“输出”）;//添加一个select来显示插值选项常量select = document.createElement(“选择”）;output.appendChild(选择);常量interpolationModes = [lt.Controls.InterpolationMode.]没有,lt.Controls.InterpolationMode。重新取样,lt.Controls.InterpolationMode.scaleToGray];为(令index = 0;索引< interpolationModes.length;指数+ +){常量value = interpolationModes[index];常量option = document.createElement(“选项”）;选择。在nerHTML = _interpolationModeNames[value];select.appendChild(选项);｝select.addEventListener (“改变”， () => {常量索引= select.selectedIndex;开关(索引){情况下0：viewer.interpolationMode = lt.Controls.InterpolationMode.none;打破；情况下1：viewer.interpolationMode = lt.Controls.InterpolationMode.resample;打破；情况下2：viewer.interpolationMode = lt.Controls.InterpolationMode.scaleToGray;打破；｝})；//从resample开始选择。selectedIndex = lt.Controls.InterpolationMode.resample;viewer.interpolationMode = lt.Controls.InterpolationMode.resample;常量textOutput = document.createElement(" div "）;output.appendChild (textOutput);常量addLines = (messages) => {常量Lines = messages.map((line) => {返回“< p > "+线+" < / p > "})；textOutput。在nerHTML += lines;｝｝｝

出口类ImageViewer_Example {//在这个例子中使用的LEADTOOLS ImageViewerimageview =零；//示例使用的一般状态值timesClicked = 0;构造函数(回调){//设置LEADTOOLS license。用实际的许可证文件替换此文件lt.RasterSupport.setLicenseUri (“https://demo.leadtools.com/licenses/js/LEADTOOLSEVAL.txt”，“EVAL”，零）;//在imageViewerDiv元素中创建一个图像查看器常量imageViewerDiv = document.getElementById(“imageViewerDiv”）;常量createOptions =新lt.Controls.ImageViewerCreateOptions (imageViewerDiv);这.imageViewer =新lt.Controls.ImageViewer (createOptions);这.imageViewer。viewverticalalign = lt. controls . controlalign .center;这.imageViewer。viewhizontalalignment = lt.Controls.ControlAlignment.center;这.imageViewer。autoCreateCanvas =真正的；//增加Pan/Zoom交互模式//点击拖动可平移，CTRL-Click拖动可放大缩小这.imageViewer.interactiveModes.add (新lt.Controls.ImageViewerPanZoomInteractiveMode ());//加载图像这.imageViewer。imageUrl =“https://demo.leadtools.com/images/jpeg/cannon.jpg”；这.imageViewer.zoom (lt.Controls.ControlSizeMode。健康,9,这.imageViewer.defaultZoomOrigin);常量exampleButton = document.getElementById(“exampleButton”）;exampleButton.addEventListener (“点击”， () => {这.timesClicked + +;//运行示例如果(回调)回调(这.imageViewer);})；｝｝

<！doctype html >< html lang =“en”>控制示例| InterpolationMode




 . intationmode< >头< script src =“https://code.jquery.com/jquery-2.2.4.min.js”诚信=“sha256-BbhdlvQf / xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44 = "crossorigin =“匿名”> < /脚本>< script src =“. . / . . / LT / Leadtools.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.Controls.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.Annotations.Engine.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.Annotations.Designers.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.Annotations.Rendering.Javascript.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.Annotations.Automation.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.ImageProcessing.Main.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.ImageProcessing.Color.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.ImageProcessing.Core.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.ImageProcessing.Effects.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.Document.js”> < /脚本>< script src =“. . / . . / LT / Leadtools.Document.Viewer.js”> < /脚本><时尚>身体{字体类型:“Segoe UI”无衬线;｝# imageViewerDiv {边框:1px实体#888;宽度:500 px;身高:500 px;background - color: # eee;｝> < /风格<！——所有的演示文件都被捆绑并附加到窗口——>< script src =“. . / . . / bundle.js”类型=“text / javascript”> < /脚本>> < /头身体< >按下并拖动图像平移
按住控制键并在图像上拖动或捏与用两个手指缩放在。< / p >< div ><按钮类型=“按钮”id =“exampleButton”> > < /按钮运行示例< / div >< div id =“imageViewerDiv”> < / div >< div id =“输出”> < / div >< /身体><脚本>窗口。Onload = () => {常量示例=新window.examples.ImageViewer.InterpolationMode ();};> < /脚本< / html >

interpolationMode财产

属性值

参考