0

I am trying to visualize a some files with React Vtk. I followed the example in https://kitware.github.io/vtk-js/examples/PolyDataReader.html and the corrections made on previous project here VTK.js, React, JavaScript: Load VTK files but my browser is blank. I don't know what i am getting please.

import React from 'react';


import '@kitware/vtk.js/Rendering/Profiles/Geometry';
import vtkActor from 'vtk.js/Sources/Rendering/Core/Actor';
import vtkFullScreenRenderWindow from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow/index';
import vtkMapper from 'vtk.js/Sources/Rendering/Core/Mapper';
import vtkPolyDataReader from 'vtk.js/Sources/IO/Legacy/PolyDataReader';
// import vtkPolyData from '@kitware/vtk.js/Common/DataModel/PolyData';

class App extends React.Component {
    render() {      
        const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
        const renderer = fullScreenRenderer.getRenderer();
        const renderWindow = fullScreenRenderer.getRenderWindow();

        const resetCamera = renderer.resetCamera;
        const render = renderWindow.render;

        const reader = vtkPolyDataReader.newInstance();
        reader.setUrl("1.vtk").then(() => {
            const polydata = reader.getOutputData(0);
            const mapper = vtkMapper.newInstance();
            const actor = vtkActor.newInstance();

            actor.setMapper(mapper);
            mapper.setInputData(polydata);

            renderer.addActor(actor);

            resetCamera();
            render();

        });

        return (
            <div></div>
        );

    }
}

export default App;

I was expecting a display of the data on my browser but it is just blank

Paulinus
  • 1
  • 1

0 Answers0