当前位置：首页 > backend >正文

Learning vtkjs之MultiSliceImageMapper

backend 2025/5/7 0:43:20

多个图片切片

介绍

vtkImageMapper 为 vtk 提供了 2D 图像显示支持。
它可以与 vtkImageSlice 对象关联，并将其放置在渲染器中。

这个类使用与 vtkMapper 相同的方法解决重合拓扑问题。

效果

在这里插入图片描述

核心代码

主要流程

	const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({background: [0, 0, 0],rootContainer: vtkContainerRef.current,});const renderer = fullScreenRenderer.getRenderer();const renderWindow = fullScreenRenderer.getRenderWindow();const imageActorI = vtkImageSlice.newInstance();const imageActorJ = vtkImageSlice.newInstance();const imageActorK = vtkImageSlice.newInstance();renderer.addActor(imageActorK);renderer.addActor(imageActorJ);renderer.addActor(imageActorI);const reader = vtkHttpDataSetReader.newInstance({fetchGzip: true,});reader.setUrl(BaseUrlPross("data/volume/headsq.vti"), { loadData: true }).then(() => {const data = reader.getOutputData();const dataRange = data.getPointData().getScalars().getRange();// const extent = data.getExtent();const imageMapperK = vtkImageMapper.newInstance();imageMapperK.setInputData(data);imageMapperK.setKSlice(30);imageActorK.setMapper(imageMapperK);const imageMapperJ = vtkImageMapper.newInstance();imageMapperJ.setInputData(data);imageMapperJ.setJSlice(30);imageActorJ.setMapper(imageMapperJ);const imageMapperI = vtkImageMapper.newInstance();imageMapperI.setInputData(data);imageMapperI.setISlice(30);imageActorI.setMapper(imageMapperI);renderer.resetCamera();renderer.resetCameraClippingRange();renderWindow.render();updateColorLevel(imageActorI, (dataRange[0] + dataRange[1]) / 3);updateColorWindow(imageActorK, dataRange[1]);});