我的对象在VTK.js的STL Reader中显示全黑

问题描述

我在我的角度应用程序中使用vtk.js来显示3D STL对象。我知道STL文件没有颜色信息，但是至少我的3D对象应该是白色的，并且可以看到它的详细信息。但是，我的3D对象是全黑的，零细节。

import vtkFullScreenRenderWindow from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow';
import vtkActor from 'vtk.js/Sources/Rendering/Core/Actor';
import vtkMapper from 'vtk.js/Sources/Rendering/Core/Mapper';
import vtkSTLReader from 'vtk.js/Sources/IO/Geometry/STLReader';

ngOnInit(): void {
    const reader = vtkSTLReader.newInstance();
    const mapper = vtkMapper.newInstance({ scalarVisibility: false });
    const actor = vtkActor.newInstance();

    actor.setMapper(mapper);
    mapper.setInputConnection(reader.getoutputPort());

    function update() {
      const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
      const renderer = fullScreenRenderer.getRenderer();
      const renderWindow = fullScreenRenderer.getRenderWindow();
    
      const resetCamera = renderer.resetCamera;
      const render = renderWindow.render;

      renderer.addActor(actor);
      resetCamera();
      render();
    }

    const myContainer = document.querySelector('body');
    const fileContainer = document.createElement('div');
    fileContainer.innerHTML = '<input type="file" class="file"/>';
    myContainer.appendChild(fileContainer);

    const fileInput = fileContainer.querySelector('input');

    function handleFile(event) {
      event.preventDefault();
      const dataTransfer = event.dataTransfer;
      const files = event.target.files || dataTransfer.files;
      if (files.length === 1) {
        myContainer.removeChild(fileContainer);
        const fileReader = new FileReader();
        fileReader.onload = function onLoad(e) {
          reader.parseAsArrayBuffer(fileReader.result);
          update();
        };
        fileReader.readAsArrayBuffer(files[0]);
      }
    }

    fileInput.addEventListener('change',handleFile);

    reader.setUrl("./assets/test2.stl",{ binary: true }).then(update);
}

如何为对象添加颜色？我也找不到任何示例。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

vtk vtk.js