Cornerstone：基于Web的医学影像显示核心库

Cornerstone Core 是一个轻量级 JavaScript 库，用于在现代浏览器中显示医学图像，作为构建复杂医学影像应用的基础组件。

这个工具是什么

Cornerstone Core 是 Cornerstone.js 项目的核心组件，一个基于 HTML5 canvas 的轻量级 JavaScript 库，用于在现代 Web 浏览器中显示医学图像。它本身不是完整应用，而是可被集成到更大应用中的组件，例如 OHIF Viewer。该库对图像像素的存储容器和传输机制保持无关，自身不具备读取、解析或加载图像的能力，而是依赖一个或多个 ImageLoader 来工作。这种设计旨在避免将开发者限制在单一容器和传输方式（如 DICOM）中，从而无需转换容器或传输即可获得较高的图像显示性能。Cornerstone Core 也不包含鼠标、触摸或键盘绑定，不限定交互范式，仅提供 JavaScript API 来操作图像属性。

核心能力

• 提供基于 HTML5 canvas 的轻量级医学图像显示能力，支持桌面、平板和移动端浏览器。
• 对图像容器和传输机制保持无关，依赖 ImageLoader 加载图像，避免格式转换。
• 不限定交互范式，仅提供 JavaScript API 操作图像属性，便于自定义交互。
• 可作为基础组件集成到企业级查看器、报告查看器等更复杂的医学影像应用中。

科研中的典型用法

• 在 Web 医学影像应用中嵌入 Cornerstone Core，配合 ImageLoader 加载并显示 DICOM 等格式的医学图像。
• 基于 Cornerstone Core 的 API 实现图像缩放、平移、窗宽窗位调节等自定义交互功能。
• 作为基础组件，结合 CornerstoneTools 等库构建具有标注、测量等功能的查看器。

快速上手

可通过 npm 安装：npm install cornerstone-core，或直接引入打包文件 cornerstone.js（https://unpkg.com/cornerstone-core/dist/cornerstone.js）。入门时需注意 Cornerstone Core 本身不能加载图像，必须配合一个 ImageLoader（如 CornerstoneWADOImageLoader）使用。基本流程包括：获取容器元素、调用 cornerstone.enable 启用元素、使用 ImageLoader 加载图像、通过 cornerstone.displayImage 显示图像。详细文档见 docs.cornerstonejs.org。

生态与相近工具

Cornerstone 生态包括 CornerstoneWADOImageLoader（基于 DICOM WADO 的图像加载器）、CornerstoneTools（常用交互工具库）以及 OHIF Viewer（使用 Cornerstone 库构建的查看器示例）。该仓库已标记为弃用，官方建议迁移至 Cornerstone3D（https://cornerstonejs.org/），后者提供更现代的渲染与工具集。对于新项目，建议直接采用 Cornerstone3D；已有基于 Cornerstone Core 的项目可参考官方迁移指南。

项目信息

• 仓库：cornerstonejs/cornerstone
• 星标：2,106　·　派生：594
• 主要语言：JavaScript
• 许可证：MIT
• 最近提交：2024-03-07

本文属于《学科研究工具知识库 · 医学与健康》第 7 篇（按 GitHub 星标排序）。收录标准：该学科公开可获取的开源研究工具，星标与活跃度为主要参考，不代表对其性能或适用性的背书；选型前请结合自身场景评估。