关于interactorStyle

最新推荐文章于 2024-04-05 13:25:03 发布

原创最新推荐文章于 2024-04-05 13:25:03 发布 · 421 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #前端 #css

vtk.js 专栏收录该内容

46 篇文章

订阅专栏

该博客介绍了如何在vtk中通过鼠标操作实现相机视角的平移、缩放、旋转和中心点旋转。通过设置不同的鼠标按钮和组合键，可以分别控制vtkMouseCameraTrackball系列的四种操纵器，实现对3D场景的精细交互控制。

vtkMouseCameraTrackballPanManipulator  平移
vtkMouseCameraTrackballZoomManipulator  缩放
vtkMouseCameraTrackballRollManipulator  中心点旋转vtkMouseCameraTrackballRotateManipulator  整体旋转vtkMouseCameraTrackballZoomToMouseManipulator  缩放



const interactorStyle = vtkInteractorStyleManipulator.newInstance();
fullScreenRenderer.getInteractor().setInteractorStyle(interactorStyle);
const manipulator = vtkMouseCameraTrackballRotateManipulator.newInstance();
setButton的值为1，2，3；1为鼠标左键，2为鼠标滚轮，3为鼠标右键
manipulator.setButton(1);
setShift，setControl，setAlt键的值默认为false,如只设置setShift为true时，我们点击鼠标对应键时再按住shift键即能让效果生效；其alt，ctrl键同理；
当我们设置两个值为true时需要同时按住两个对应的键再按住鼠标对应设置值进行拖动才能让功能生效
manipulator.setShift(false);
manipulator.setControl(false);
manipulator.setAlt(false);
interactorStyle.addMouseManipulator(manipulator);