【从0上手cornerstone3D】如何加载nifti格式的文件-Toy模板网

这篇具有很好参考价值的文章主要介绍了【从0上手cornerstone3D】如何加载nifti格式的文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在线演示

支持加载的文件格式

.nii
.nii.gz

代码实现

npm install @cornerstonejs/nifti-volume-loader

// ------------- 核心代码 Start-------------------
// 注册一个nifti格式的加载器
volumeLoader.registerVolumeLoader(
  "nifti",
  cornerstoneNiftiImageVolumeLoader
);

const niftiURL =
  "https://ohif-assets.s3.us-east-2.amazonaws.com/nifti/MRHead.nii.gz";

// 在定义volumeId时使用 nifti 前缀，便于识别使用的加载器种类
const volumeId = "nifti:" + niftiURL;
await volumeLoader.createAndCacheVolume(volumeId);
// ------------- 核心代码 End-------------------

const renderingEngine = new RenderingEngine(this.renderingEngineId);
// 在渲染引擎中创建并加载视图，使视图与HTML元素绑定
const viewportId1 = "CT_AXIAL";
const viewportId2 = "CT_SAGITTAL";
const viewportId3 = "CT_CORONAL";
const viewportInputArray = [
  {
    viewportId: viewportId1,
    type: csEnums.ViewportType.ORTHOGRAPHIC,
    element: document.querySelector("#element1"),
    defaultOptions: {
      orientation: csEnums.OrientationAxis.AXIAL,
    },
  },
  {
    viewportId: viewportId2,
    type: csEnums.ViewportType.ORTHOGRAPHIC,
    element: document.querySelector("#element2"),
    defaultOptions: {
      orientation: csEnums.OrientationAxis.SAGITTAL,
    },
  },
  {
    viewportId: viewportId3,
    type: csEnums.ViewportType.ORTHOGRAPHIC,
    element: document.querySelector("#element3"),
    defaultOptions: {
      orientation: csEnums.OrientationAxis.CORONAL,
    },
  },
];
renderingEngine.setViewports(viewportInputArray);

// 在视图上设置Volume
await setVolumesForViewports(
  renderingEngine,
  [
    {
      volumeId: volumeId,
    },
  ],
  [viewportId1, viewportId2, viewportId3]
);

// 渲染图像
renderingEngine.renderViewports([viewportId1, viewportId2, viewportId3]);

问题解决

非安全上下文下，提示 SharedArrayBuffer is not defined 的问题

原因：非安全模式下，SharedArrayBuffer的构造函数为隐藏的，所以在类型判断时，由于SharedArrayBuffer未声明而被使用导致ReferenceError
临时解决：手动声明一个SharedArrayBuffer跳过检测

window.SharedArrayBuffer = ArrayBuffer

官方答复可关注Issue：https://github.com/cornerstonejs/cornerstone3D/issues/1006

拓展

NIfTI文件

NIfTI（Neuroimaging Informatics Technology Initiative）格式是一种广泛使用的数据格式，主要用于存储和交换神经影像学数据，尤其是在功能磁共振成像（fMRI）、结构 MRI 和 DTI（扩散张量成像）等领域。这种格式由 NIfTI 组织开发，旨在简化神经影像数据的使用和交换。