import 'vtk.js/Sources/favicon';
import 'vtk.js/Sources/Rendering/Profiles/Geometry'; import 'vtk.js/Sources/Rendering/Profiles/Glyph';
import vtkActor from 'vtk.js/Sources/Rendering/Core/Actor'; import vtkConeSource from 'vtk.js/Sources/Filters/Sources/ConeSource'; import vtkFullScreenRenderWindow from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow'; import vtkMapper from 'vtk.js/Sources/Rendering/Core/Mapper'; import vtkPolyLineWidget from 'vtk.js/Sources/Widgets/Widgets3D/PolyLineWidget'; import vtkWidgetManager from 'vtk.js/Sources/Widgets/Core/WidgetManager';
import controlPanel from './controlPanel.html';
const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({ background: [0, 0, 0], }); const renderer = fullScreenRenderer.getRenderer();
const cone = vtkConeSource.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 = vtkPolyLineWidget.newInstance(); widget.placeWidget(cone.getOutputData().getBounds());
widgetManager.addWidget(widget);
renderer.resetCamera(); widgetManager.enablePicking(); widgetManager.grabFocus(widget);
fullScreenRenderer.addController(controlPanel);
document.querySelector('button').addEventListener('click', () => { widgetManager.grabFocus(widget); });
document .querySelector('input[type=checkbox]') .addEventListener('change', (ev) => { widgetManager.setUseSvgLayer(ev.target.checked); });
|