vtkjs数据流的一般情况是
source——filter——mapper——actor——render——renderwindow
资源——筛选资源(数据处理,一个或多个输入,但只有一个输出) ——映射筛选后的资源——可视化映射筛选后的资源——render——renderwindow
首先引入对应api
import vtkFullScreenRenderWindow from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow'; import vtkHttpDataSetReader from 'vtk.js/Sources/IO/Core/HttpDataSetReader'; import vtkImageMapper from 'vtk.js/Sources/Rendering/Core/ImageMapper'; import vtkImageSlice from 'vtk.js/Sources/Rendering/Core/ImageSlice';
定义窗口信息
const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({
background: [0, 0, 0, 255],
});
const renderer = fullScreenRenderer.getRenderer();
const renderWindow = fullScreenRenderer.getRenderWindow();
创建一个I切片
const imageActorI = vtkImageSlice.newInstance();
把可视化I切片加到渲染里面
actor——render
renderer.addActor(imageActorI);
把数据映射到可视化图中,注意这里需要引入
import 'v

本文介绍了如何利用vtk.js库进行三维数据的可视化流程,包括从资源获取、数据筛选、映射处理到渲染展示的步骤。通过实例展示了创建I切片并加载数据到渲染窗口的过程,最后得到可视化图像。
最低0.47元/天 解锁文章
435

被折叠的 条评论
为什么被折叠?



