使用html查看dicom,LEADTOOLS构建HTML5 DICOM/PACS查看器（二）

在LEADTOOLS构建HTML5 DICOM/PACS查看器(一)一文中，我们介绍了LEADTOOLS的 PACS查询/检索和客户端调窗功能。本文，我们将继续深入了解HTML5 DICOM查看器以及客户端注释和标记。

LEADTOOLS HTML5 DICOM Viewer功能介绍：

HTML5/JavaScript Viewer Control可创建跨平台的图像查看功能

同时支持鼠标和多点触控(手势)输入

拥有医学影像“调窗”、Series Stack和图像处理等功能

随时随地通过本地存档或DICOM通信连接远程PACS查看DICOM图像

原生HTML5图像注释和标记

完整的HTML5 DICOM查看器源代码

DICOM图像的HTML5注释

一旦选中了DICOM系列，图像开始流向查看器，接着注释开始被初始化。AnnAutomationManager 对象被创建并绑定与查看器绑定。

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();

_ov