import '@kitware/vtk.js/favicon';
import '@kitware/vtk.js/Rendering/Profiles/Geometry'; import '@kitware/vtk.js/Rendering/Profiles/Glyph';
import vtkActor from '@kitware/vtk.js/Rendering/Core/Actor'; import vtkCubeSource from '@kitware/vtk.js/Filters/Sources/CubeSource'; import vtkFullScreenRenderWindow from '@kitware/vtk.js/Rendering/Misc/FullScreenRenderWindow'; import vtkMapper from '@kitware/vtk.js/Rendering/Core/Mapper'; import vtkDistanceWidget from '@kitware/vtk.js/Widgets/Widgets3D/DistanceWidget'; import vtkWidgetManager from '@kitware/vtk.js/Widgets/Core/WidgetManager';
import controlPanel from './controlPanel.html';
const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({ background: [0, 0, 0], }); const renderer = fullScreenRenderer.getRenderer();
const cone = vtkCubeSource.newInstance(); const mapper = vtkMapper.newInstance(); const actor = vtkActor.newInstance();
actor.setMapper(mapper); mapper.setInputConnection(cone.getOutputPort()); actor.getProperty().setOpacity(0.5);
renderer.addActor(actor);
const widgetManager = vtkWidgetManager.newInstance(); widgetManager.setRenderer(renderer);
const widget = vtkDistanceWidget.newInstance(); widget.placeWidget(cone.getOutputData().getBounds());
widgetManager.addWidget(widget);
renderer.resetCamera(); widgetManager.enablePicking();
fullScreenRenderer.addController(controlPanel);
widget.getWidgetState().onModified(() => { console.log(widget.getDistance()); document.querySelector('#distance').innerText = widget.getDistance(); });
document.querySelector('button').addEventListener('click', () => { widgetManager.grabFocus(widget); });
global.widget = widget;
|