I finally found the issue was caused by using FullScreenRenderWindow or GenericRenderWindow
if I use the following setup
import vtkFullScreenRenderWindow from “@kitware/vtk.js/Rendering/Misc/FullScreenRenderWindow”;
const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({
//container: document.getElementById(“app”),
background: [0.3, 0.3, 0.3]
});
const renderer = fullScreenRenderer.getRenderer();
const renderWindow = fullScreenRenderer.getRenderWindow();
it works with rotation, but if I use
import vtkGenericRenderWindow from “@kitware/vtk.js/Rendering/Misc/GenericRenderWindow”;
const genericRenderer = vtkGenericRenderWindow.newInstance({ background: [0.3, 0.3, 0.3]});
genericRenderer.setContainer(document.getElementById(“app”));
const renderer = genericRenderer.getRenderer();
const renderWindow = genericRenderer.getRenderWindow();
it can display the image but will have problems when rotating.
could someone tell me
- what’s the difference with these two setups. can FullScreenRenderWindow be used properly within a given div container, how is the performance, does it use openGLRenderWindow underneath?
- if FullScreenRenderWindow has limitations, could some one provide a solution for using GenericRenderWindow correct when rotating a volume?
Waiting for your help and reply. Thanks!