利用HTML5和JavaScript構建一個完整的DICOM Viewer涉及到許多的重要功能。LEADTOOLS醫療圖像開發包提供了創建零足跡DICOM Viewer所需的所有功能：圖像顯示、圖像處理、客戶端醫學影像“調窗”、Series Stack和註釋等。接下來，我們將深入介紹HTML5 DICOM Viewer、PACS查詢/檢索以及醫學影像“調窗”等功能。
LEADTOOLS HTML5 DICOM Viewer功能介紹：
HTML5/JavaScript查看器控件
鼠標和多點觸控手勢輸入
包含快速客戶端醫學影像“調窗”工具、Series Stack、圖像處理等功能
從您本地的歸檔或一個遠程的PACS使用DICOM通信，在您的桌面、平板電腦或移動設備上查看DICOM圖像的任何地方。
本地HTML5圖像註解和標記。
DICOM圖像HTML5註釋
一旦選中DICOM系列，圖像開始鏈接到查看器，並且註解實現初始化。完成AnnAutomationManager對象的創建並連接到查看器。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | function initializeAnnotations() {_automationManager = newLeadtools.Annotations.Automation.AnnAutomationManager();_automationManager.createDefaultObjects();_automationManager.findObjectById(Leadtools.Annotations.Core.AnnObject.rulerObjectId).get_objectTemplate().set_measurementUnit(6);_automationManager.findObjectById(Leadtools.Annotations.Core.AnnObject.polyRulerObjectId).get_objectTemplate().set_measurementUnit(6);_automationManager.findObjectById(Leadtools.Annotations.Core.AnnObject.protractorObjectId).get_objectTemplate().set_measurementUnit(6);var divElemnt = document.getElementById("ViewerParent");_overlayCanvas = document.createElement("canvas");_overlayCanvas.id = "overlayCanvas";_overlayCanvas.width = $(divElemnt).width();_overlayCanvas.height = $(divElemnt).height();var parent = document.getElementById(_leadViewer.get_canvasId()).parentNode;parent.appendChild(_overlayCanvas);_automationInteractiveMode = newLeadtools.Annotations.Automation.ImageViewerAutomationControl(_leadViewer);} |
使用註釋前，你需要選擇所需要繪製的對象，或者使用Select工具修改現有註釋。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | function OnAnnotationSelect() {if(null!= _leadViewer && null!= _currentAutomation && _annotationSelect.enabled) {AutomationService();_currentAutomation.get_manager().set_currentObjectId(Leadtools.Annotations.Core.AnnObject.selectObjectId);}}function OnAnnotationArrow() {if(null!= _leadViewer && null!= _currentAutomation && _annotationArrow.enabled) {AutomationService();_currentAutomation.get_manager().set_currentObjectId(Leadtools.Annotations.Core.AnnObject.pointerObjectId);}}function OnAnnotationText() {if(null!= _leadViewer && null!= _currentAutomation && _annotationText.enabled) {AutomationService();_currentAutomation.get_manager().set_currentObjectId(Leadtools.Annotations.Core.AnnObject.textObjectId);}} |
