【VTK.js】学习笔记一:搭建环境,实现官网例子

vtk.js官网:https://kitware.github.io/vtk-js/
官方例子代码下载:https://github.com/Kitware/vtk-js.git
官网相关步骤:https://kitware.github.io/vtk-js/docs/develop_example.html

1.确认npm和node.js都安装好了
2.安装vtk.js和其依赖项
3.安装webpack,webpack-cli
4.下载官方例子代码后,yarn install
5.根据提示安装karma:npm install karma-cli -g
6.*注意,webpack-cli的版本需要时4.10.0
7.显示所有的例子名称及位置:npm run example
8.运行某个例子:npm run example – ConeSource
9.打开http://localhost:9999/,运行查看例子

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VTK用户指南 版本4.0 William J. Schroeder 1998-2000 第一部分 VTK 介绍 第1章 欢迎 机构-----------------------------------------------------------------------------------------------8 怎样使用VTK----------------------------------------------------------------------------------8 附加资源-----------------------------------------------------------------------------------------8 第2章 安装 2.1 概述-----------------------------------------------------------------------------------------------9 2.2 安装VTK到Windows9x/NT/ME/2000/XP------------------------------------------------9 二进制安装-------------------------------------------------------------------------------------9 源代码安装-------------------------------------------------------------------------------------9 2.3 安装VTK到Unix操作系统 源代码安装------------------------------------------------------------------------------------10 运行CMake------------------------------------------------------------------------------------11 编译源代码 建立VTK多平台 安装VTK 第3章 系统概述 3.1 系统设计---------------------------------------------------------------------------------------12 图形模型--------------------------------------------------------------------------------------13 可视化模型-----------------------------------------------------------------------------------15 3.2 创建一个应用---------------------------------------------------------------------------------19 用户方法、对象和命令--------------------------------------------------------------------19 Tcl----------------------------------------------------------------------------------------------19 C++---------------------------------------------------------------------------------------------20 Java Phthon Visual Basic/COM/ActiveX 3.3 在两种语言间转换 第二部分 通过例子学习VTK 第4章 基础 4.1 创建1个简单的模型-------------------------------------------------------------------------24 程序化源对象---------------------------------------------------------------------------------24 读取源对象------------------------------------------------------------------------------------26 4.2 使用VTK交互器-----------------------------------------------------------------------------27 vtk绘制窗口交互器 交互风格 4.3 滤波数据---------------------------------------------------------------------------------------29 4.4 控制相机---------------------------------------------------------------------------------------30 安装相机 简单操作方法 控制视角方向 透视与正交视 保存与恢复相机状态 4.5 控制光线---------------------------------------------------------------------------------------32 位置光 4.6 控制3D道具-----------------------------------------------------------------------------------32 指定vtk道具3D位置 演员 演员的详细级 装配 体 vtk装载3D道具 4.7 作用纹理---------------------------------------------------------------------------------------37 4.8 拾取---------------------------------------------------------------------------------------------38 vtk装配路线 例子 4.9 vtk坐标和坐标系---------------------------------------------------------------------------40 4.10 控制vtk演员2D----------------------------------------------------------------------------41 4.11 注释--------------------------------------------------------------------------------------------41 2D注释 3D注释和vtk跟踪 4.12 特殊绘图类-----------------------------------------------------------------------------------44 尺度棒 X-Y绘制 边界盒轴 标记数据 4.13 变换数据--------------------------------------------------------------------------------------48 高级变换 第5章 可视化技术 5.1 可视化VTK数据集vtkDataSet(和子类) -------------------------------------------------50 使用数据属性进行工作 颜色映射 轮廓化 浮雕化 流线图 流线表面 剪裁 融合数据 附加数据 用另外一个尺度给等值面赋颜色 抽取单元格子集 抽取单元格作为多边形数据 5.2 可视化多边形数据---------------------------------------------------------------------------67 手工产生多边形数据 产生表面当量 十比一抽取 平滑网格 粘贴数据 产生纹理坐标 5.3 可视化结构网格-----------------------------------------------------------------------------74 手工产生结构化网格 抽取计算平面 结构网格子样化 5.4 可视化直线网格-----------------------------------------------------------------------------76 手工产生VTK直线网格 抽取计算平面 5.5 可视化非结构网格--------------------------------------------------------------------------77 手工产生VTK非结构网格 抽取部分网格 非结构网格轮廓化 第6章 可视化图像和体数据 6.1 VTK结构化点的历史表示-----------------------------------------------------------------80 6.2 手工产生VTK图像数据-------------------------------------------------------------------80 6.3 抽取图像数据子样--------------------------------------------------------------------------81 6.4 基于尺度值的弯曲--------------------------------------------------------------------------83 6.5 图像显示--------------------------------------------------------------------------------------83 图像观察者 图像演员 6.6 图像源-----------------------------------------------------------------------------------------85 2D帆布图像源 3D椭圆体图像源 高斯图像源 网格图像源 噪声图像源 正弦曲线源 6.7 图像处理--------------------------------------------------------------------------------------88 梯度化 高斯平滑 直方图 图像逻辑 重新切片 6.8 体绘制-----------------------------------------------------------------------------------------92 一个简单的例子 为什么会有多种体绘制技术? 产生一个VTK体 使用片层化函数 使用颜色变换函数 在一个体属性中控制颜色和透明度 在一个体属性中控制阴影 产生一个体映射 裁剪一个体 粘贴一个体 对一个体应用3D纹理 控制标准编码 体素光线计算 2D纹理映射 VolumePro绘制硬件 速度和精确度交替使用 使用vtkLODProp3D改善性能 可行性/局限性技术 第7章 建立模型 7.1 隐模型----------------------------------------------------------------------------------------114 定义隐函数 对隐函数进行抽样 7.2 挤压-------------------------------------------------------------------------------------------117 7.3 构建表面-------------------------------------------------------------------------------------119 Delaunay三角形化 高斯油彩 无组织点产生表面 第三部分 VTK研发者指南 第8章 数据接口和其他 8.1 读入器----------------------------------------------------------------------------------------130 多边形数据读入器 图像和体素读入器 数据集读入器 结构化网格读入器 线性网格读入器 非结构化网格读入器 8.2 写入器----------------------------------------------------------------------------------------131 多边形数据读入器 图像和体素读入器 结构化网格读入器 线性网格读入器 非结构化网格读入器 8.3 输入者----------------------------------------------------------------------------------------132 8.4 输出者----------------------------------------------------------------------------------------132 8.5 创建硬拷贝----------------------------------------------------------------------------------132 保存图像 保存大(高分辨率)图像 8.6 产生动画(使用样条) -----------------------------------------------------------------------134 8.7 使用现场数据工作--------------------------------------------------------------------------136 第9章 贡献编码 9.1 编码补偿--------------------------------------------------------------------------------------141 为VTK贡献编码的条件 编码风格 如何贡献编码 9.2 标准方法: 创建和消除对象---------------------------------------------------------------142 9.3 拷贝对象和受保护的方法------------------------------------------------------------------143 9.4 写一个VTK类: 综述-----------------------------------------------------------------------144 找到一个相似类 识别一个超类 单个类Per.h 文件 必需的方法 文档编码 使用SetGet宏 向VTK中添加类 9.5 对象工厂--------------------------------------------------------------------------------------145 综述 如何写一个工厂 如何安装一个工厂 例子工厂 第10章 流水线执行管理 10.1 执行过程--------------------------------------------------------------------------------------151 概述和术语 更新信息通道 传播更新扩展通道 触发异步更新通道 更新数据通道 10.2 使用流---------------------------------------------------------------------------------------162 第11章 VTK数据对象接口 11.1 数据组---------------------------------------------------------------------------------------166 方法 11.2 数据集---------------------------------------------------------------------------------------169 11.3 VTK数据集接口---------------------------------------------------------------------------170 方法 例子 11.4 VTK图像数据接口-----------------------------------------------------------------------174 方法 例子 11.5 VTK点集接口-----------------------------------------------------------------------------176 方法 例子 11.6 VTK结构化网格接口---------------------------------------------------------------------178 方法 例子 11.7 VTK线性网格接口-----------------------------------------------------------------------178 方法 例子 11.8 VTK多边形数据接口---------------------------------------------------------------------179 方法 例子 11.9 VTK非结构化网格接口-----------------------------------------------------------------184 方法 例子 11.10 单元格接口(VTK单元格子类) ------------------------------------------------------185 11.11 其他接口----------------------------------------------------------------------------------187 点 单元格数组 单元格类型 单元格连接 11.12 现场和属性数据接口------------------------------------------------------------------193 现场数据方法 数据集属性方法 第12章 如何写一个过程方法 12.1 概述----------------------------------------------------------------------------------------196 永远不要修改输入数据 参考计数数据 使用Debug宏 回收/删除截入的内在 修改时间 过程事件和异常终止执行 12.2 如何写一个绘图过滤器---------------------------------------------------------------199 概述 简单过滤器 复杂过滤器和流水线执行 抽取绘图过滤器 程序过滤器 重载流水执行方法 12.3 如何写一个图像过滤器---------------------------------------------------------------210 实现一个图像过滤器 第13章 用窗口系统集成 13.1 绘制窗口交互风格--------------------------------------------------------------------------216 13.2 GUI交互的总指导线------------------------------------------------------------------------217 13.3 X Window, Xt, and Motif--------------------------------------------------------------------221 13.4 MS Windows/Microsoft Foundation Classes---------------------------------------------226 13.5 Tcl/Tk-------------------------------------------------------------------------------------------227 13.6 Java 第14章 编码资源 14.1 对象图表--------------------------------------------------------------------------------------230 基础 单元格 数据集 流水线 源 过滤器 映射器 图形 体绘制 成像 OpenGL绘制器 拾取 变换塔形结构 14.2 过滤器总结-----------------------------------------------------------------------------------237 可视化过滤器 映射者对象 演员对象 14.3 VTK文件格式--------------------------------------------------------------------------------244 二进制文件 数据集属性格式 例子 第15章 光盘 15.1 源代码 15.2 例子代码 15.3 Window 9x/NT/ME/2000/XP 预编译二进制 15.4 数据 15.5 文档 15.6 退化测试图像 15.7 Kitware 应用
### 回答1: MPR(多平面重建)是一种医学图像处理技术,用于从三维图像中生成二维平面图像。可以通过VTK.js实现MPR,需要以下步骤: 1. 加载体数据:可以使用VTK.js提供的加载体数据的API,例如vtk.js.Core.Volume.DICOMReader。 2. 设置MPR模式:通过设置VTK.js提供的MPR模型,使用vtk.js.Core.MPR.setMPRMode()来设置MPR模式。 3. 定位视窗:通过使用vtk.js.Core.MPR.setSlice()来设置MPR视窗的位置。 4. 渲染图像:使用vtk.js.Core.MPR.render()函数渲染MPR图像。 这些步骤的详细实现可以参考VTK.js的官方文档和示例代码。 ### 回答2: 实现多平面重建(MPR)是一种常见的医学图像处理技术,可以通过vtk.js实现。下面是一种可能的实现方法: 1.加载图像数据:首先,使用vtk.js提供的vtkXMLImageDataReader加载医学图像数据(如DICOM或NIfTI格式)。 2.创建渲染器和渲染窗口:使用vtk.js创建一个渲染窗口,并将其与HTML页面中的一个元素绑定。然后创建一个vtkRenderer对象,将其添加到渲染窗口中。 3.创建容器和操作控件:使用vtk.js中的vtkImageDataGeometryFilter对象将加载的图像数据转换为几何网格。通过创建vtk.js中的vtkPlaneWidget对象,可以在视图中定义多个平面来实现MPR。将这些平面添加到渲染器中,以便显示。 4.设置交互操作:使用vtk.js中的vtkInteractorStyleManipulator设置交互式操作,例如平移、缩放和旋转。将vtkInteractorStyle设置为渲染窗口的交互样式,以便用户可以在窗口中通过鼠标和键盘进行交互。 5.更新视图:每当用户对平面进行更改时,根据新设置的平面位置来更新几何网格。然后,强制渲染窗口进行更新,以显示新的MPR结果。 通过以上步骤,可以使用vtk.js实现多平面重建(MPR)。需要注意的是,上述步骤仅提供了一个基本框架,你可能需要根据自己的具体需求进行调整和定制。 总的来说,vtk.js是一个强大的JavaScript库,提供了广泛的功能来处理和可视化医学图像数据。通过使用vtk.js,你可以实现各种医学图像处理的任务,包括MPR。 ### 回答3: vtk.js是一个基于Web的三维可视化工具,可以用于实现医学图像的可视化,包括多平面重组(MPR)。 实现MPR主要涉及以下步骤: 1. 加载DICOM数据:使用vtk.js的DICOMImageReader模块加载DICOM图像数据。可以通过指定DICOM文件路径或DICOM数据流进行加载。 2. 创建可视化场景:使用vtk.jsvtkRenderer模块创建一个可视化场景,用于显示图像。 3. 创建切割器:使用vtk.jsvtkImageReslice模块创建一个切割器。切割器将原始图像数据切割成多个平面。 4. 设置切割器属性:设置切割器的位置、方向和插值方式等属性。位置和方向可以根据用户需求进行调整。 5. 创建平面视图:使用vtk.jsvtkActor模块创建一个平面视图。平面视图通过将切割器切割后的图像数据与颜色映射关联,可实现多平面重组。 6. 添加平面视图到场景:将平面视图添加到之前创建的可视化场景中。 7. 渲染场景:使用vtk.js的RenderWindow模块渲染可视化场景。可以设置渲染窗口的大小、背景色等属性。 8. 显示结果:在Web页面中显示渲染后的场景,并通过用户交互方式实现多平面重组。 通过以上步骤,就可以使用vtk.js实现多平面重组(MPR)的可视化效果了。通过控制切割器的位置和方向,可以实现在三维空间中进行切片的显示,从而呈现出多个平面的图像。可以根据实际需要添加其他功能,如窗宽窗位的调节、亮度对比度调节等,以提升用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值