利用HTML5和JavaScript構(gòu)建一個(gè)完整的DICOM Viewer涉及到許多的重要功能。LEADTOOLS醫(yī)療圖像開(kāi)發(fā)包提供了創(chuàng)建零足跡DICOMViewer所需的所有功能:圖像顯示、圖像處理、客戶(hù)端醫(yī)學(xué)影像“調(diào)窗”、Series Stack和注釋等。接下來(lái),我們將深入介紹HTML5 DICOM Viewer、PACS查詢(xún)/檢索以及醫(yī)學(xué)影像“調(diào)窗”等功能。
成都創(chuàng)新互聯(lián)公司公司2013年成立,先為貢山等服務(wù)建站,貢山等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為貢山企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
LEADTOOLS HTML5 DICOM Viewer功能介紹:
HTML5/JavaScript查看器控件
鼠標(biāo)和多點(diǎn)觸控手勢(shì)輸入
包含快速客戶(hù)端醫(yī)學(xué)影像“調(diào)窗”工具、Series Stack、圖像處理等功能
從您本地的歸檔或一個(gè)遠(yuǎn)程的PACS使用DICOM通信,在您的桌面、平板電腦或移動(dòng)設(shè)備上查看DICOM圖像的任何地方。
本地HTML5圖像注解和標(biāo)記。
DICOM圖像HTML5注釋
一旦選中DICOM系列,圖像開(kāi)始鏈接到查看器,并且注解實(shí)現(xiàn)初始化。完成AnnAutomationManager對(duì)象的創(chuàng)建并連接到查看器。
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 = new Leadtools.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 = new Leadtools.Annotations.Automation.ImageViewerAutomationControl(_leadViewer); } |
使用注釋前,你需要選擇所需要繪制的對(duì)象,或者使用Select工具修改現(xiàn)有注釋。
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); } } |