文章编号: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