文章编号：1007-757X(2012)10-0026-02基于 HTML5

文章编号：1007-757X(2012)10-0026-02

基于 HTML5 标准的 Dicom 图像显示

夏申频

摘 要：针对移动设备上医学图像的显示问题，提出了使用 HTML5 标准构建，完全基于浏览器端解析和显示 Dicom 图像

的应用。详细分析了此方案的可行性，并简述了相关技术标准，最后给出了一个演示原型系统，验证了方案的可行性。

关键词：超文本描述语言五，医学数字图像传输标准，Javascript 脚本

中图分类号：TP311

文献标志码：A

Dicom Image Display Based on the the HTML5 Standards

Xia Shenpin

(Information Section, Shanghai Jiao Tong University Affiliated Children's Hospital, Shanghai200040,China)

Abstract:To solve the problem of displaying Dicom image on mobile device, this paper proposes HTML5 Standard to build an ap- plication system which displays Dicom image in the browser. First, it proves this system is feasible, then the paper introduce the te- chology and standard which has been used. Finally, a demo system is given and test program feasibility.

Key words: HTML5; Dicom;Javascript

0 引言

一直以来，显示Dicom 医学图像都是在专业的工作站 上，使用专业程序来进行的。这些设备昂贵、笨重、使用复 杂、兼容性差，对移动平台极不友好。在硬件方面，由于医 学图像的高空间分辨率和高灰度分辨率，往往需要高性能处 理器和专业显示设备，才能达到可供临床使用的效果，但是， 从前所有的移动设备，都不具有这两点。从软件层面上来说， 医学图像工作站专业系统的开发，很少顾及到跨平台、兼容 性的问题，更少想到对移动设备的支持。

这些系统，往往使用Com+/ActiveX、VCL/CLX 等基于 C/C++ 语言的技术或平台，很少使用像Java 这样在移动设 备上广泛支持的技术，使得迁移到移动平台上的开发代价变 得相当高。

不过随着移动终端设备的不断发展，尤其是在FDA 批 准了首款移动设备进入医疗影像行业，标志着移动设备已经 完全满足显示、处理医学图像的要求，医疗应用市场已经向 移动设备开发者们敞开。但是，目前的移动设备品种多样， 各大品牌的设备各自为政，彼此不互相兼容，这意味这如果 使用传统的移动设备开发平台，需要为每一个平台进行开发 和测试，这既费时又费力。好在目前所有主要品牌的产品中， 有一点是共同的，它们都具有一个支持HTML5 技术标准的 现代浏览器。所以，如果能设计基于HTML5 平台的Dicom 显示程序，将能覆盖到几乎所有的主流移动终端设备，具有 极大的兼容性。

1 HTML5 技术标准下的 Dicom 图像显示

1.1 HTML5 标准

在HTML5 标准提出以前，要在浏览器端处理图像，必 须依赖第3方插件(如Flash，Silverlight)。因为早期浏览器 的JavaScript 处理引擎性能不佳，无法胜任图形处理的要

求。HTML5 中新引入的 Canvas 元素，使得可以直接使用

JavaScript 脚本在Web 页面进行绘。一般显示 Dicom 图像 都使用像素级别的绘图，而Canvas 标签支持像素级别的位 图绘图技术。已知Chrome 的V8,Firefox 的SpiderMonkey 以

及Safari 的Nitro 等引擎，都已经能够很好地进行二维绘图。

1.2 Canvas 标签

Canvas为HTML5标准中新制定的绘图标签， 定义一个Canvas 只需要进行如下的声明：

Fallback content , in case the browser does not support

Canvas.

在JavaScript 脚本中，可以使用语句来获得这个Canvas

对象，假设使用JQuery