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

Learning vtkjs之PolyDataNormals

news 2025/7/2 5:02:31

法线可视化

介绍

polydata法线可视化

效果

在这里插入图片描述

核心代码

主要流程

 const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({background: [0, 0, 0],rootContainer: vtkContainerRef.current,});const renderer = fullScreenRenderer.getRenderer();const renderWindow = fullScreenRenderer.getRenderWindow();const lookupTable = vtkLookupTable.newInstance({ hueRange: [0.666, 0] });const source = vtkCubeSource.newInstance();const inputPolyData = source.getOutputData();inputPolyData.getPointData().setNormals(null);const mapper = vtkMapper.newInstance({interpolateScalarsBeforeMapping: true,colorMode: ColorMode.DEFAULT,scalarMode: ScalarMode.DEFAULT,useLookupTableScalarRange: true,lookupTable,});const actor = vtkActor.newInstance();actor.getProperty().setEdgeVisibility(true);const polyDataNormals = vtkPolyDataNormals.newInstance();// The generated 'z' array will become the default scalars, so the plane mapper will color by 'z':polyDataNormals.setInputData(inputPolyData);mapper.setInputConnection(polyDataNormals.getOutputPort());actor.setMapper(mapper);renderer.addActor(actor);const arrowSource = vtkArrowSource.newInstance();const glyphMapper = vtkGlyph3DMapper.newInstance();glyphMapper.setInputConnection(polyDataNormals.getOutputPort());glyphMapper.setSourceConnection(arrowSource.getOutputPort());glyphMapper.setOrientationModeToDirection();glyphMapper.setOrientationArray("Normals");glyphMapper.setScaleModeToScaleByMagnitude();glyphMapper.setScaleArray("Normals");glyphMapper.setScaleFactor(0.1);const glyphActor = vtkActor.newInstance();glyphActor.setMapper(glyphMapper);renderer.addActor(glyphActor);context.current = {renderer,renderWindow,polyDataNormals,};renderer.resetCamera();renderWindow.render();