云小遥

前言 从0上手Cornerstone3D系列的git库终于有时间更新优化了一版。vue2更新至vue3版本，代码迁移为vue3组合式写法 ，UI风格升级，新增交互提示，修复页面切换报错问题等。

围绕基础介绍、ImageID 及 ImageLoader、Volume 及 VolumeLoader、RenderingEngine、viewport展开，且在每节的末尾都会有导图进行总结。

从0上手Cornerstone3D系列文章，该系列为从浅入深Cornerstone系列，包括cornerstone核心概念、基础使用、常见案例、工具使用、运行原理、源码解读等等，欢迎关注

背景 Cornerstone3D于2024年10月左右已正式发布2.0版本，且3.x版本也于2025年02月开始发版。那在项目已经在1.x版本上稳定运行的前提下，是否需要升级到发生大量API破坏性升级

针对大屏可视化响应式处理、Echarts图表不同形式的展示配置项、动画处理及大屏常见动态模块展示、定时刷新方案等实现记录。

本文从支持的注释类工具种类及使用场景、编程式操作注释两大方面展开介绍,支持测量影像长短、计算Mean和面积、文字标注、或者圈定一下边缘等等场景

通过介绍工具的种类、状态和如何去使用一个工具、如何去使用一个同步器等相关内容，完成了上述Demo中的全部功能点的实现。涵盖了日常需求中影像缩放、移动等交互操作、多视图同步等需求场景。

在日常开发中经常会遇到除了渲染MPR视图外，还需要渲染3D扫描影像，本文从具体的实现、viewport type解读、场景预设等方面来介绍3D具体的实现及涉及到的相关概念。

本文从基础概念知识开始，渐进式介绍了渲染融合影像的实现步骤、数据获取及处理、colorMap颜色映射方案的实现与修改、多Volume修改窗宽窗位的方案等实现，