如何使用cornerstone segmentation与画笔工具加载位图分割数据
实现步骤
- 完成基础环境初始化,确保Cornerstone核心库、CornerstoneTools、对应图像加载器已正确引入并初始化,画布DOM节点已和Cornerstone完成绑定。
- 加载目标2D位图:如果是普通JPG/PNG格式位图,先通过对应图像加载器生成合法image id,调用
cornerstone.loadImage(imageId).then(image => { cornerstone.displayImage(domElement, image); })完成原始图像渲染,其中domElement是你绑定的画布DOM节点。 - 预处理分割信息:将你持有的分割标注转为和原始位图宽高、坐标系完全一致的单通道掩码数据(Labelmap格式),每个像素值对应分割的类别ID。
- 激活分割显示工具:执行以下代码启用分割渲染能力:
// 注册分割显示工具 cornerstoneTools.addTool(cornerstoneTools.SegmentationDisplayTool); // 激活工具 cornerstoneTools.setToolActive('SegmentationDisplay', {});
- 挂载分割数据:调用CornerstoneTools的segmentation模块API,将预处理好的Labelmap数据添加到工具中,和当前渲染的原始图像ID绑定,可同步配置不同分割类别的显示颜色、透明度(建议设置半透明度
alpha: 0.5避免遮挡原始图像)。 - 触发画布重绘:调用
cornerstone.updateImage(domElement)即可在原始位图上看到叠加的分割标注效果。
常见问题排查
- 分割和原始位图错位:优先核对Labelmap的宽高、坐标系是否和原始位图完全匹配,普通2D位图默认使用左上角为坐标原点,不要误用DICOM格式专属的空间定位参数。
- 分割标注不显示:先检查
SegmentationDisplay工具是否激活成功,分割数据的对应类别是否设置为可见状态,渲染透明度是否大于0。
内容的提问来源于stack exchange,提问作者Ashish Bairwa
相关产品推荐
相关产品推荐

