AnnStampObject对象(AnnStampObject) | Leadtools.Annotations。JavaScript引擎| HTML5的帮助

AnnStampObject对象

EngineHelper.js< / div >

AnnStamp.html< / div >< / div >< div id ="GenericContainerEntry4386" class="GenericContainerEntry">

进口{EngineHelper}从“. . / . . /工具/ EngineHelper”;出口类AnnObjects_Stamp {构造函数(){常量辅助=新EngineHelper ();helper.run (这共创);}创建=(自动化:lt.Annotations.Automation.AnnAutomation) = > {常量英寸:数量= 720.0;/ /添加一个邮票对象常量stampObj: lt.Annotations.Engine。AnnStampObject =新lt.Annotations.Engine.AnnStampObject ();/ /设置点热点stampObj.points.add (lt.LeadPointD。创建(1英寸,1英寸*));stampObj.points.add (lt.LeadPointD。创建(2英寸,1英寸*));stampObj.points.add (lt.LeadPointD。创建(2英寸,2 *英寸));stampObj.points.add (lt.LeadPointD。创建(1英寸,2 *英寸));/ /设置文本stampObj。文本=“邮票的示例文本”;/ /将对象添加到自动化容器automation.container.children.add (stampObj);/ /选择对象automation.selectObject (stampObj);}}

出口类EngineHelper {/ /自动化对象受保护的_automation: lt.Annotations.Automation。AnnAutomation =零;/ /图像查看器受保护的_view: lt.Controls。imageview =零;构造函数(){/ /设置LEADTOOLS许可证。取代你的实际的许可文件lt.RasterSupport.setLicenseUri (“https://demo.leadtools.com/licenses/v200/LEADTOOLSEVAL.txt”,“EVAL”,零);}公共运行(回调?:(automation: lt.Annotations.Automation.AnnAutomation, viewer: lt.Controls.ImageViewer) =>无效):无效{/ /创建查看器常量imageViewerDiv = . getelementbyid (“imageViewerDiv”);常量createOptions: lt.Controls。ImageViewerCreateOptions =新lt.Controls.ImageViewerCreateOptions (imageViewerDiv);常量观众:lt.Controls。imageview =新lt.Controls.ImageViewer (createOptions);查看器。autoCreateCanvas =真正的;这._viewer =观众;/ / PanZoom交互模式常量panZoom: lt.Controls。ImageViewerPanZoomInteractiveMode =新lt.Controls.ImageViewerPanZoomInteractiveMode ();/ /创建自动化控制的一个实例对象,与LEADTOOLS imageview常量imageViewerAutomationControl: lt.188金宝搏beat体育官网Demos.Annotations。ImageViewerAutomationControl =新lt.188金宝搏beat体育官网Demos.Annotations.ImageViewerAutomationControl ();/ /附加我们的图像查看器imageViewerAutomationControl。imageview =观众;/ /设置图像查看器交互模式常量automationInteractiveMode: lt.188金宝搏beat体育官网Demos.Annotations。AutomationInteractiveMode =新lt.188金宝搏beat体育官网Demos.Annotations.AutomationInteractiveMode ();automationInteractiveMode。automationControl = imageViewerAutomationControl;/ /设置图像URL查看器。imageUrl =“http://demo.leadtools.com/images/png/pngimage.png”;/ /创建并设置自动化管理器使用HTML5的渲染引擎常量renderingEngine: lt.Annotations.Rendering。AnnHtml5RenderingEngine =新lt.Annotations.Rendering.AnnHtml5RenderingEngine ();常量经理:lt.Annotations.Automation。AnnAutomationManager = lt.Annotations.Automation.AnnAutomationManager.create (renderingEngine);/ /创建默认的自动化对象manager.createDefaultObjects ();/ /将对象添加到对象选择元素常量currentObjectIdSelect = . getelementbyid (“currentObjectIdSelect”作为HTMLSelectElement);/ /添加PanZoom选项currentObjectIdSelect.options [currentObjectIdSelect.options。长度]=新选项(“锅/缩放”lt.Annotations.Engine.AnnObject.none.toString ());常量automationObjCount:数量= manager.objects.count;为(让我= 0;我< automationObjCount;我+ +){/ /得到对象常量automationObj: lt.Annotations.Automation。AnnAutomationObject = manager.objects.item(我);/ /将其名称添加到选择元素常量名称:字符串= automationObj.name;常量id:字符串= automationObj.id.toString ();currentObjectIdSelect.options [currentObjectIdSelect.options。长度]=新选项(名称、id);}/ /钩更改事件currentObjectIdSelect.addEventListener (“改变”,()= > {/ /得到对象ID常量id:数量=方法(currentObjectIdSelect.options [currentObjectIdSelect.selectedIndex] value);/ /设置它作为当前对象管理器经理。currentObjectId = id;/ /如果这是“平移/缩放”选项,然后回到锅变焦,否则,我们的自动化控制如果(id = = lt.Annotations.Engine.AnnObject.none) {viewer.defaultInteractiveMode = panZoom;}其他的{viewer.defaultInteractiveMode = automationInteractiveMode;}});/ /当前对象ID的变化时,我们需要更新我们的选择经理。add_currentObjectIdChanged((发送方,e) = > {常量currentObjectId:数量= manager.currentObjectId;为(让我= 0;我< currentObjectIdSelect.options.length;我+ +){常量id:数量[我]=方法(currentObjectIdSelect.options value);如果(id = = = currentObjectId) {currentObjectIdSelect。selectedIndex =我;打破;}}});/ /默认锅变焦viewer.defaultInteractiveMode = panZoom;/ /设置自动化(将创建容器)常量自动化:lt.Annotations.Automation。AnnAutomation =新lt.Annotations.Automation。AnnAutomation(经理,imageViewerAutomationControl);这._automation =自动化;/ /添加处理程序来更新图像大小改变时容器的大小viewer.itemChanged。添加((发送方,e) = > {常量容器:lt.Annotations.Engine。AnnContainer = automation.container;容器。大小= container.mapper.sizeToContainerCoordinates (viewer.imageSize);/ /创建新画布数据提供者的新形象常量canvasDataProvider: lt.188金宝搏beat体育官网Demos.Annotations。CanvasDataProvider =新lt.188金宝搏beat体育官网Demos.Annotations.CanvasDataProvider (viewer.activeItem.canvas);imageViewerAutomationControl。automationDataProvider = canvasDataProvider;});/ /设置这种自动化的活跃这._automation。活跃的=真正的;常量exampleButton = . getelementbyid (“exampleButton”);exampleButton。onclick = () = > {如果(回调)回调(这._automation,这._viewer);}}}

进口{EngineHelper}从“. . / . . /工具/ EngineHelper”;出口类AnnObjects_Stamp {构造函数(){常量辅助=新EngineHelper ();helper.run (这共创);}创建=(自动化)= > {常量英寸= 720.0;/ /添加一个邮票对象常量stampObj =新lt.Annotations.Engine.AnnStampObject ();/ /设置点热点stampObj.points.add (lt.LeadPointD。创建(1英寸,1英寸*));stampObj.points.add (lt.LeadPointD。创建(2英寸,1英寸*));stampObj.points.add (lt.LeadPointD。创建(2英寸,2 *英寸));stampObj.points.add (lt.LeadPointD。创建(1英寸,2 *英寸));/ /设置文本stampObj。文本=“邮票的示例文本”;/ /将对象添加到自动化容器automation.container.children.add (stampObj);/ /选择对象automation.selectObject (stampObj);}}

出口类EngineHelper {/ /自动化对象_automation =零;/ /图像查看器_view =零;构造函数(){/ /设置LEADTOOLS许可证。取代你的实际的许可文件lt.RasterSupport.setLicenseUri (“https://demo.leadtools.com/licenses/v200/LEADTOOLSEVAL.txt”,“EVAL”,零);}运行(回调){/ /创建查看器常量imageViewerDiv = . getelementbyid (“imageViewerDiv”);常量createOptions =新lt.Controls.ImageViewerCreateOptions (imageViewerDiv);常量观众=新lt.Controls.ImageViewer (createOptions);查看器。autoCreateCanvas =真正的;这._viewer =观众;/ / PanZoom交互模式常量panZoom =新lt.Controls.ImageViewerPanZoomInteractiveMode ();/ /创建自动化控制的一个实例对象,与LEADTOOLS imageview常量imageViewerAutomationControl =新lt.188金宝搏beat体育官网Demos.Annotations.ImageViewerAutomationControl ();/ /附加我们的图像查看器imageViewerAutomationControl。imageview =观众;/ /设置图像查看器交互模式常量automationInteractiveMode =新lt.188金宝搏beat体育官网Demos.Annotations.AutomationInteractiveMode ();automationInteractiveMode。automationControl = imageViewerAutomationControl;/ /设置图像URL查看器。imageUrl =“http://demo.leadtools.com/images/png/pngimage.png”;/ /创建并设置自动化管理器使用HTML5的渲染引擎常量renderingEngine =新lt.Annotations.Rendering.AnnHtml5RenderingEngine ();常量经理= lt.Annotations.Automation.AnnAutomationManager.create (renderingEngine);/ /创建默认的自动化对象manager.createDefaultObjects ();/ /将对象添加到对象选择元素常量currentObjectIdSelect = . getelementbyid (“currentObjectIdSelect”);/ /添加PanZoom选项currentObjectIdSelect.options [currentObjectIdSelect.options。长度]=新选项(“锅/缩放”lt.Annotations.Engine.AnnObject.none.toString ());常量automationObjCount = manager.objects.count;为(让我= 0;我< automationObjCount;我+ +){/ /得到对象常量automationObj = manager.objects.item(我);/ /将其名称添加到选择元素常量= automationObj.name名称;常量id = automationObj.id.toString ();currentObjectIdSelect.options [currentObjectIdSelect.options。长度]=新选项(名称、id);}/ /钩更改事件currentObjectIdSelect.addEventListener (“改变”,()= > {/ /得到对象ID常量id =方法(currentObjectIdSelect.options [currentObjectIdSelect.selectedIndex] value);/ /设置它作为当前对象管理器经理。currentObjectId = id;/ /如果这是“平移/缩放”选项,然后回到锅变焦,否则,我们的自动化控制如果(id = = lt.Annotations.Engine.AnnObject.none) {viewer.defaultInteractiveMode = panZoom;}其他的{viewer.defaultInteractiveMode = automationInteractiveMode;}});/ /当前对象ID的变化时,我们需要更新我们的选择经理。add_currentObjectIdChanged((发送方,e) = > {常量currentObjectId = manager.currentObjectId;为(让我= 0;我< currentObjectIdSelect.options.length;我+ +){常量id =方法(currentObjectIdSelect.options[我]value);如果(id = = = currentObjectId) {currentObjectIdSelect。selectedIndex =我;打破;}}});/ /默认锅变焦viewer.defaultInteractiveMode = panZoom;/ /设置自动化(将创建容器)常量自动化=新lt.Annotations.Automation。AnnAutomation(经理,imageViewerAutomationControl);这._automation =自动化;/ /添加处理程序来更新图像大小改变时容器的大小viewer.itemChanged。添加((发送方,e) = > {常量容器= automation.container;容器。大小= container.mapper.sizeToContainerCoordinates (viewer.imageSize);/ /创建新画布数据提供者的新形象常量canvasDataProvider =新lt.188金宝搏beat体育官网Demos.Annotations.CanvasDataProvider (viewer.activeItem.canvas);imageViewerAutomationControl。automationDataProvider = canvasDataProvider;});/ /设置这种自动化的活跃这._automation。活跃的=真正的;常量exampleButton = . getelementbyid (“exampleButton”);exampleButton。onclick = () = > {如果(回调)回调(这._automation,这._viewer);}}}

< !doctype html >< html lang =“en”><标题> AnnObject例子| AnnStamp < /名称><头>< 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.Annotations.BatesStamp.js”> < /脚本>< script src =“. . / . . / LT / Le188金宝搏beat体育官网adtools.Demos.js”> < /脚本>< script src =“. . / . . / LT / Le188金宝搏beat体育官网adtools.Demos.Annotations.js”> < /脚本><时尚># imageViewerDiv {边界:1 px固体# 000000;宽度:800 px;身高:800 px;background - color: # 7 f7f7f;}> < /风格< !——所有演示文件捆绑和附加到窗口- - >< script src =“. . / . . / bundle.js”类型=“text / javascript”> < /脚本>< / >头<身体>< p >平移/缩放或注释模式。在注解模式下,画画新对象或编辑。< / p >< div ><选择id =“currentObjectIdSelect”> < /选择>< / div >< div >< input type =“按钮”id =“exampleButton”值=“例子”/ ><标签id =“exampleLabel”/ >< / div >< div id =“imageViewerDiv”/ >< /身体><脚本>窗口。onload = () = >新window.examples.AnnObjects.AnnStamp ();> < /脚本< / html >

AnnStampObject对象

参考