HTML5 PACS

http://ivmartel.github.io/dwv/

http://www.medicorimaging.com/products/mipacs-html5-web-viewer

Dwv

DICOM Web Viewer.

Download this project as a .zip  fileDownload this project as a tar.gz file

DWV is a simple javascript/HTML5 (only) DICOM Web Viewer. This means that you can use it on any platform that  provides a modern browser (laptop, tablet, phone and even modern TVs),  without the need to install any plug-in.

Here are a few data example that are displayed as they could be on a web interface to a PACS system. Choose "DWV mobile" if you are using a phone or a tablet,  choose "DWV static" on a laptop or desktop. Then click on the list item  to launch DWV with the selected data.

Choose which DWV to launch:
DWV Mobile
DWV Static
DWV Simple

  • Baby MRI

    Brain MR, 256*256*1, LittleEndianExplicit [1.2.840.10008.1.2.1]


  • Multi-slice Baby MRI

    Brain MR, 256*256*5, LittleEndianExplicit [1.2.840.10008.1.2.1]

The folowing items link to data available online but not in a secured way due to  the same origin policy.  To see them start Google Chrome with --disable-web-security (do not forget to remove that flag for normal browsing).

  • Toutatix  (only for trunk)

    Chest CT(A), 512*512*1, LittleEndianExplicit [1.2.840.10008.1.2.1], from the Osirix examples, hosted on the dwv github.


  • Goudurix

    Chest CT(A), 512*512*1, LittleEndianExplicit [1.2.840.10008.1.2.1], from the Osirix examples, hosted on the dwv github.


  • US

    US, 640*480*1, BigEndianExplicit [1.2.840.10008.1.2.2], from the GDCM examples, hosted on the dwv github.


  • Cerebrix

    Brain SC (Secondary Capture), 176*224*1, JPEG2000 [1.2.840.10008.1.2.4.91], from the Osirix examples, hosted on the dwv github.


  • JPEG 2000

    Via wado, 176*224*1, JPEG2000 [1.2.840.10008.1.2.4.91], from the dicom.vital-it.ch examples.

Non DICOM Image formats:

  • JPEG

    Brain PET from wikipedia (http://en.wikipedia.org/wiki/File:PET-image.jpg), 531*600*1.


  • PNG

    Brain MRI from wikipedia (http://en.wikipedia.org/wiki/File:Brain_MRI_112010_rgbca.png), 389*504*1.


  • JPG

    Acute Leukimia from wikipedia (http://en.wikipedia.org/wiki/File:Acute_leukemia-ALL.jpg), 347*395*1.

Data sources:

Use the trunk version (for debug purposes).

时间: 2024-10-28 11:20:48

HTML5 PACS的相关文章

基于HTML5的PACS--HTML5图像处理

在此之前,此系统是结合DICOM的WADO标准,在浏览器里通过javascript操作返回的JPG图片.这种服务器端解析,客户端展现的方式,对实现图像的移动.缩放.旋转.测量等图像操作能够实现实时的交互.但这种方式存在着几个弊端: 1.获取图像上的CT值(钙化值)信息的时候,要频繁的和服务器进行交互. 2.调整图像的窗宽窗位或者对图像进行反色,也要和服务器进行频繁的交互. 3.对图像进行测量(长方形测量,椭圆测量等)只能获取到面值和周长的简单的信息,这对于医生的诊断没多大的用处,实际运用中需要知

应对非HTML5的IE浏览器准备着手基于FLEX的PACS

基于HTML5的PACS系统暂先告一段落,基本的图像浏览.图像操作.图像测量.JS本地调整窗宽窗位等功能已经实现.详情请参考博文: http://www.cnblogs.com/poxiao/p/3540688.html 基于HTML5的PACS不仅能很好的运行于google chrmoe浏览器.Mozilla Firefox浏览器,对android系统的手机.平板及iphone.ipad等苹果IOS系统也能够完美的支持.但是IE浏览器对HTML5的支持并不能够让人满意,只有IE10及以上版本对

基于HTML5的PACS--HTML5图像处理(7)实现客户端JS调整窗宽窗位

仅提供参考和学习,代码仅为了指明个思路,转载请注明出处. 要查看此系统更多的图像处理功能请参考: 区域医疗移动医疗影像解决方案--基于HTML5的PACS--HTML5图像处理 在此之前,此系统是结合DICOM的WADO标准,在浏览器里通过javascript操作返回的JPG图片.这种服务器端解析,客户端展现的方式,对实现图像的移动.缩放.旋转.测量等图像操作能够实现实时的交互.但这种方式存在着几个弊端: 1.获取图像上的CT值(钙化值)信息的时候,要频繁的和服务器进行交互. 2.调整图像的窗宽

区域医疗移动医疗影像解决方案2--基于FLEX的PACS

前段时间完成的基于HTML5的PACS,能够运行于google chrmoe浏览器.Mozilla Firefox浏览器,对android系统和IOS系统的手机和平板也能够完美的支持.但是IE浏览器对HTML5的支持并不理想,只有IE10及以上版本对HTML5的支持才比较完善.但国内很多医院的PC或者是个人的电脑上还停留在IE6.IE8.IE9的水准上,而且IE浏览器是使用率应该算最高的一个.所以想要运行HTML5的程序只能安装chrmoe或者firefox浏览器,在医院内部或许可以一个一个点去

区域医疗移动医疗影像解决方案--基于HTML5的PACS--HTML5图像处理【转】

基于HTML5的PACS--图像伪彩 摘要: 要查看此系统更多的图像处理功能请参考:区域医疗移动医疗影像解决方案--基于HTML5的PACS--HTML5图像处理套用句广告语:哪里不会点哪里,so easy妈妈再也不用担心我的学习了.本地有了DICOM像素,再也不用担心图像调窗,图像反色,图像伪彩等技术了.仅此记录下.上图展示下给种伪彩效果.1...阅读全文 posted @ 2014-06-18 21:43 破曉 阅读(599) | 评论 (0) 编辑 基于HTML5的PACS---JS调整窗

HTML5新增Canvas标签及对应属性、API详解(基础一)

知识说明: HTML5新增的canvas标签,通过创建画布,在画布上创建任何想要的形状,下面将canvas的API以及属性做一个整理,并且附上时钟的示例,便于后期复习学习!Fighting! 一.标签原型 <canvas width=”1000” height=”1000” id=”myCanvas”> 您的浏览器版本过低,不支持HTML5新增的canvas标签. </canvas> 使用js获取该画布,并指定对象 <script> Var canvasID = doc

HTML5介绍

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记. HTML5没有那么难,他是一个非常简单的标记. 三个知识点:THML5/JS/CSS3. 之后是网页框架 C/S 客户端/服务器 B/S 浏览器/服务器 C/S构架的优缺点: C/S架构的模型: C/S架构一旦发生更新,那么成千上万个客户机都要进行更新,如果更新内容比较多,客户机不更新完毕,就无法运行. B/S架构工作原理: B/S架构优缺点: 移动公司都是

Web程序员们,你准备好迎接HTML5了吗?

HTML5作为下一代的web开发标准,其特性已经慢慢地出现在主流的浏览器中,这种新的HTML将会让浏览器不必再依赖Flash.QuickTime.Silverlight等插件,也简化了原来需要大量JS才能达到的效果.虽然HTML5还在讨论过程中,但是其优越的特性已经得到了大家的认可,各大浏览器厂商,一些知名的内容发布网站也都是积极地推动, 尤其是即将发布的IE9会完全支持HTML5.作为Web开发人员的我们,需要做的是:如何把HTML5转化为各种Web应用,如何做到现有的Web应用过渡到HTML

了解HTML5大纲算法

实战前的准备工作:了解HTML5大纲算法 在html5中有一个很重要的概念,叫做html5大纲算法(HTML5 Outliner),它的用途为用户提供一份页面的信息结构目录.合理的使用HTML5元素标签,可以生成一个非常清晰的文档大纲. HTML5大纲算法 我们可以通过各种工具去查看当前页面,这里推荐使用一个测试工具:HTML5 Outliner,网址如下:https://gsnedders.html5.org/outliner/ 1. 了解一个 section 和 div 的区别 ①div元素