- 博客(28)
- 收藏
- 关注
RSS订阅原创 基于cornerstone3D的dicom影像浏览器 第二十七章 设置vr相机，复位视图
本文介绍了VR视图相机位置设置与复位功能的实现方法。主要内容包括：1) 通过设置相机参数(viewPlaneNormal和viewUp)实现前视、后视等6个视图方向切换；2) 图像加载时保存初始相机参数，复位时恢复参数并设置默认窗宽窗位；3) 提供了完整的代码实现方案，包括mprvr.js核心逻辑和Vue组件间的调用流程。该方案实现了VR视图的多视角观察和一键复位功能，提升了医学影像三维重建的交互体验。
2025-05-30 14:09:44
1090
原创 基于cornerstone3D的dicom影像浏览器 第二十六章 切片视图MIP、MinIP、AvgIP
MIP - Maximum Intensity Projection 最大密度投影MinIP - Minimum Intensity Projection 最小密度投影AvgIP - Average Intensity Projection 平均密度投影本章演示切片视图通过设置混合模式(setBlendMode)，实现MIP，MinIP，AvgIP功能。并在切片视图左上角显示层厚(thickness)
2025-05-29 10:31:37
527
原创 基于cornerstone3D的dicom影像浏览器 第二十五章 自定义VR调窗工具
本文介绍了基于cornerstoneTools开发的三维调窗工具VolumeShiftColorTool的实现方法。该工具通过解析3D视窗预设中的不透明度(scalarOpacity)和颜色映射(colorTransfer)数据，在鼠标拖动时动态调整灰度值映射关系实现调窗效果。文章详细说明了三维调窗原理，包括数据结构解析和偏移计算方法，并展示了如何继承BaseTool类实现自定义工具。此外还提供了工具的调用流程，包括添加工具到工具组和绑定鼠标事件等操作。该工具可灵活绑定至任意鼠标键，为医学影像的三维可视化提
2025-05-28 08:46:34
1671
原创 基于cornerstone3D的dicom影像浏览器 第二十四章 显示方位、坐标系、vr轮廓线
mpr切片窗口显示/隐藏 方位文字。vr窗口显示/隐藏坐标系，切换坐标系外观vr窗口显示/隐藏轮廓线。
2025-05-27 11:32:08
1638
原创 基于cornerstone3D的dicom影像浏览器 第二十二章 mpr + vr
实现一个简单的mpr + vr 功能。cornerstone3D已经全都实现了，修改为自己的界面
2025-05-24 18:10:00
1104
原创 基于cornerstone3D的dicom影像浏览器 第二十一章 显示DICOM TAGS
遍历dicom文件tag，获取tag list在对话框中显示tag list，并提供查找功能
2025-05-22 11:18:05
998
原创 基于cornerstone3D的dicom影像浏览器 第二十章 显示多帧图
cornerstone3D 通过不同的imageId格式就可实现序列和多帧图的兼容显示。
2025-05-21 09:14:10
589
原创 基于cornerstone3D的dicom影像浏览器 第十八章 自定义序列自动播放条
自定义一个自动播放条，控制序列图像的播放、停止，上一张，下一张，第一张，最后一张及播放速度。
2025-05-17 21:25:19
1229
原创 基于cornerstone3D的dicom影像浏览器 第十七章 同步滚动
同步滚动与第十四章的同步操作区别较大，所以单独作一章。同步滚动利用cornerstoneTools的synchronizers实现，准确的说应该是同步位置1. 导入cornerstoneTools中的同步器，同步器管理者2. 调用createImageSliceSynchronizer 创建synchronizer3. 调用SynchronizerManager.getSynchronizer获取创建的synchronizer4. 调用synchronizer.add添加viewport到sync
2025-05-15 11:46:40
667
原创 基于cornerstone3D的dicom影像浏览器 第十六章 工具栏svg按钮
实现一个加载svg图标的工具栏按钮组件从iconfont获取svg图标文件修改iconfont.js，以便设置图标颜色
2025-05-14 17:46:41
561
原创 基于cornerstone3D的dicom影像浏览器 第十五章 预设窗值
阅片时经常需要快速设置一些常用的窗宽窗位值。本章列举了一些预设窗值。并说明了cornerstonejs 中三种转换窗值与voiRange的方法。1. 列举常用窗值，如骨窗、肺窗、胸腔等2. csUtils.windowLevel.toLowHighRange 转换窗值为voiRange3. viewport.setProperties 设置窗值
2025-05-14 15:30:35
627
原创 基于cornerstone3D的dicom影像浏览器 第十四章 参考线、同步调窗、同步缩放、同步移动
本文介绍了如何在cornerstone3D中实现参考线显示及同步调窗、缩放和移动功能cornerstonjs ReferenceLinesTool实现参考线显示，以及在viewport响应VOI_MODIFIED事件实现同步调窗，响应CAMERA_MODIFIED实现同步缩放、同步移动。
2025-05-14 11:43:09
913
原创 基于cornerstone3D的dicom影像浏览器 第十三章 自定义垂直滚动条
滚动条与序列关联，用来显示序列状态，水平滚动条比较简单，本章实现一个垂直滚动条。原理是利用css修改input type=rang滑动条默认样式，使外观与常见滚动条一致。通过旋转input type=range把水平滚动条变成垂直滚动条input min,max关联序列中图像的最小最大索引，input value指示当前图像索引。
2025-05-07 16:07:23
655
原创 基于cornerstone3D的dicom影像浏览器 第十二章 镜像、负像、旋转、伪彩、复位
本章实现图像的镜像、负像、旋转、复位其中镜像、负像、伪彩、复位用同一个函数viewport.setProperties实现vtk中预设了122种伪彩，通过vtkColormaps.getPresetByName读取到工具栏select中旋转用PlanarRotateTool实现，通过shift + wheel操作`实现图像常用操作：镜像、负像、旋转、伪彩、复位。
2025-05-01 10:14:17
830
原创 基于cornerstone3D的dicom影像浏览器 第十一章 测量工具
cornerstonejs中实现了非常多的工具，使用很方便。本章介绍测量工具的添加，删除。并实现自定义的点测量工具(MyProbeTool)，与自带的ProbeTool相比，ProbeTool handle可绘制成 circle(小圆圈) 或 rect(小矩形)，MyProbeTool 增加选项值 path, 可把handle绘制成"十字"形状介绍cornertone3D中测量工具使用方法实现添加测量对象，删除单个测量对象，删除所有测量对象实现自定义点测量工具，为自定义其他工具提供参考。
2025-04-30 17:00:22
1071
原创 基于cornerstone3D的dicom影像浏览器 第十章 显示标尺
本章用两种方法实现标尺的显示用cornerstonejs自带的ScaleOverlayTool实现标尺显示在canvas中绘制标尺说明：ScaleOverlayTool显示标尺时有BUG,只要有一个Displayer中的标尺显示出现错误，所有Displayer的标尺都不能正确显示。调试许久，未找到原因，只好自己实现在canvas中绘制标尺效果如下：其中黄色为ScaleOverlayTool标尺， 绿色为自绘标尺ScaleOverlayTool标尺有BUG, 未解决自绘标尺仅供参考，可自行修改。
2025-04-29 17:15:15
702
原创 基于cornerstone3D的dicom影像浏览器 第九章 自动加载、清空显示、修改布局
本章实现显示区域DisplayerArea三个功能自动布局并加载显示检查中所有序列，清空显示区域，修改布局本章比较简单，与cornerstonejs有关的只有清空显示的两个函数。
2025-04-29 16:03:10
699
原创 基于cornerstone3D的dicom影像浏览器 第八章 在Displayer中显示图像方位
第七章中在Displayer四个角落显示图像信息，本章显示图像方位。采取在dom元素上添加绝对定位子元素的方法显示文字。为方便演示，增加显示/隐藏文字，显示/隐藏方位功能。四个位置添加绝对定位子元素调用getOrientationStringLPS，invertOrientationStringLPS获取方位文字添加 CAMERA_MODIFIED 事件响应pinia添加状态管理控制文字方位是否显示。
2025-04-28 11:28:33
774
原创 基于cornerstone3D的dicom影像浏览器 第七章 在Displayer四个角落显示文字
第六章中在stack viewport中显示了dicom序列，本章在viewport四个角落显示图像信息。获取canvas, 直接在canvas上用fillText绘制文字在dom元素上添加绝对定位的子元素，子元素中显示需要的文字本章将使用第一种方式，直接在canvas上绘制文字，以后绘制图像的方位将考虑采用第二种方式。
2025-04-28 09:21:54
458
原创 基于cornerstone3D的dicom影像浏览器 第六章 stack viewport 显示dicom序列
cornerstonejs stack viewport 显示dicom序列。左键调窗，右键缩放，中键移动，滚轮翻动序列
2025-04-26 16:35:37
369
原创 基于cornerstone3D的dicom影像浏览器 第五章 dicom文件生成png，显示检查栏，序列栏
dicom文件生成jpg/png, 归档数据显示到检查栏、序列栏缩略图
2025-04-25 16:18:57
456
原创 基于cornerstone3D的dicom影像浏览器 第四章 加载本地文件夹中的dicom文件并归档
读取本地文件夹中dicom文件，并通过cornerstonejs解析，归档为study-series-image结构
2025-04-21 18:20:19
360
原创 基于cornerstone3D的dicom影像浏览器 第三章 vite+vue3+cornerstonejs项目创建
vite+vue3+cornerstonejs
2025-04-21 16:19:23
301
原创 nodejs本地目录做为http服务根目录
在文章基于cornerstone3D的dicom影像浏览器 第二章中修改图像源为本地序列图像。有把本机一个文件夹做为http服务的根目录，方便测试。方法有很多，这里提供一个nodejs版本。提示：以下是本篇文章正文内容，下面案例可供参考。
2025-04-07 17:15:18
393
原创 基于cornerstone3D的dicom影像浏览器 第二章 修改示例crosshairs的图像源
修改cornerstone3D的示例crosshairs，把序列改为本地http图像源
2025-04-07 13:43:38
374
原创 基于cornerstone3D的dicom影像浏览器 第一章 下载源码 运行cornerstone3D example
cornerstonejs web 显示dicom图像
2025-03-30 18:11:06
1102
cornerstonejs OrientationMarkerTool CUSTOM类型坐标系vtp文件
2025-05-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人