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

Learning vtkjs之Cutter

news 来源：原创 2025/5/4 14:23:45

平面裁切轮廓提取

介绍

针对一个平面，生成一个轮廓线

效果

在这里插入图片描述

核心代码

更新平面

const updatePlaneFunction = () => {const { plane, renderWindow } = context.current;plane.setOrigin(state.originX, state.originY, state.originZ);plane.setNormal(state.normalX, state.normalY, state.normalZ);renderWindow.render();};

主要流程

	const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({background: [0, 0, 0],rootContainer: vtkContainerRef.current,});const renderer = fullScreenRenderer.getRenderer();const renderWindow = fullScreenRenderer.getRenderWindow();const plane = vtkPlane.newInstance();const cutter = vtkCutter.newInstance();cutter.setCutFunction(plane);const cutMapper = vtkMapper.newInstance();cutMapper.setInputConnection(cutter.getOutputPort());const cutActor = vtkActor.newInstance();cutActor.setMapper(cutMapper);const cutProperty = cutActor.getProperty();cutProperty.setRepresentation(vtkProperty.Representation.WIREFRAME);cutProperty.setLighting(false);cutProperty.setColor(0, 0, 1);renderer.addActor(cutActor);const cubeMapper = vtkMapper.newInstance();cubeMapper.setScalarVisibility(false);const cubeActor = vtkActor.newInstance();cubeActor.setMapper(cubeMapper);const cubeProperty = cubeActor.getProperty();cubeProperty.setRepresentation(vtkProperty.Representation.WIREFRAME);cubeProperty.setLighting(false);cubeProperty.setOpacity(0.1);renderer.addActor(cubeActor);context.current = {plane,cutter,cubeMapper,renderer,renderWindow,};GetModel();