vtkjs渲染一个切片体渲染的过程

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

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值