ornerstone 中的 Enabled Element

Enabled Element 就是一个可以展示和交互医疗影像的容器。

通过特定的接口，Cornerstone给指定的容器赋能，将enabledElement纳入了Cornentstone的管理中。

为了展示图像，开发者需要遵循以下步骤：

1、引入Cornerstone js库，可以通过全局标签 <script> ，也可以通过 import 的es6方式。

2、引入Image Loaders，例如 WADO, WADO-RS或自定义加载器

3、创建HTML DOM元素作为展示图像的容器，通过css或style设置理想的宽和高

4、调用enable() API 来给元素赋能

5、调用loadImage() API来加载图片文件

6、加载后文件包含了图片的像素信息，此时可以使用displayImage() API来渲染图片了

例：

const imageId = 'example://1' //dicom文件
const element = document.getElementById('dicomImage')
cornerstone.enable(element)
cornerstone.loadImage(imageId).then(function(image) {
  // image 为文件加载并解析好的对象
  cornerstone.displayImage(element, image)
});