Cornerstone.js学习笔记

Cornerstone简介

CornerStone是一个交互式的显示，包括但不限于Dicom格式的医学影像的JavaScript库。
Corenerstone 是一个旨在搭建一个完全基于web的医学影像平台的开源项目。Cornerstone Core组件是一个在支持HTML5 canvas元素的现代浏览器上显示医学影像的轻量级的JavaScript库。Cornerstone Core自己并不会成为一个独立的应用程序，但是会作为一个更大更复杂的应用程序的一个组件。

地址：https://github.com/chafey/cornerstone

cornerstone的数据结构

element是Html中的一个块元素。

Image是图像信息包括像素数据和病人数据。

Viewport是窗口信息：包括x，y坐标信息，缩放比例信息，图像旋转角度等信息。

Canvas是画布信息

pixel数据处理流程图

Base64编码可用于在HTTP环境下传递较长的标识信息。编码规则：把三个字符变为4个字符有一定的加密效果。

采用LUT图像查找表可以加快图像数据的加载速度。

viewport属性

scale表示图像缩放比例

Translation有X,Y两个属性分别表示图像平移的坐标

Voi有windowWidth，windowCenter两个属性表示窗宽窗位

Invert表示图像倒置

pixelReplication表示

rotation表示图像转转角度

hflip表示左右倒置

vflip表示上下倒置

modalityLUT表示查找表方法

voiLUT表示感兴趣区转换

image属性

imageId: imageId, //id

minPixelValue: 0, //最小像素值

maxPixelValue: 255, //最大像素值

slope: 1.0, //斜率

intercept: 0, //截距

windowCenter: 127, //窗位

windowWidth: 256, //窗宽

render: cornerstone.renderGrayscaleImage, //渲染灰度图像

getPixelData: getPixelData, //返回像素数组

rows: height, //行

columns: width, //列

height: height, //高

width: width, //宽

color: false, //是否单色

columnPixelSpacing: 1.0, //像素之间的纵向间隔

rowPixelSpacing: 1.0, //像素之间的横向间隔

invert: false, //倒置

sizeInBytes: width * height * 2 //字节大小