vtkMouseCameraTrackballRotateManipulator
<p><code>vtkMouseCameraTrackballRotateManipulator</code> 是 <code>vtk.js</code> 中用于相机旋转操作的工具。它允许用户通过鼠标拖动来旋转 3D 视图，帮助更好地查看和操作场景。</p>
<h3>主要功能</h3>
<ul>
<li><strong>相机旋转</strong>：通过鼠标拖动来旋转相机视角，使用户可以从不同角度查看 3D 模型。</li>
<li><strong>直观操作</strong>：提供了一种自然的交互方式，适用于各种鼠标和触摸设备。</li>
<li><strong>与 <code>vtk.js</code> 的集成</strong>：与 <code>vtkRenderWindow</code> 和 <code>vtkRenderWindowInteractor</code> 紧密集成，易于配置和使用。</li>
</ul>
<h3>主要方法</h3>
<ol>
<li>
<p><strong><code>constructor()</code></strong></p>
<ul>
<li><strong>描述</strong>：初始化 <code>vtkMouseCameraTrackballRotateManipulator</code> 实例。</li>
<li>
<p><strong>用法</strong>：</p>
<p><code>const rotateManipulator = vtkMouseCameraTrackballRotateManipulator.newInstance();</code></p>
</li>
</ul>
</li>
<li>
<p><strong><code>setRenderWindow(renderWindow)</code></strong></p>
<ul>
<li><strong>描述</strong>：将操控器与 <code>vtkRenderWindow</code> 关联。</li>
<li>
<p><strong>用法</strong>：</p>
<p><code>rotateManipulator.setRenderWindow(renderWindow);</code></p>
</li>
</ul>
</li>
<li>
<p><strong><code>handleMouseDown(event)</code></strong></p>
<ul>
<li><strong>描述</strong>：处理鼠标按下事件，启动旋转操作。</li>
<li>
<p><strong>用法</strong>：</p>
<p><code>rotateManipulator.handleMouseDown(event);</code></p>
</li>
</ul>
</li>
<li>
<p><strong><code>handleMouseMove(event)</code></strong></p>
<ul>
<li><strong>描述</strong>：处理鼠标移动事件，根据移动更新相机的旋转。</li>
<li>
<p><strong>用法</strong>：</p>
<p><code>rotateManipulator.handleMouseMove(event);</code></p>
</li>
</ul>
</li>
<li>
<p><strong><code>handleMouseUp(event)</code></strong></p>
<ul>
<li><strong>描述</strong>：处理鼠标释放事件，结束旋转操作。</li>
<li>
<p><strong>用法</strong>：</p>
<p><code>rotateManipulator.handleMouseUp(event);</code></p>
</li>
</ul>
</li>
<li>
<p><strong><code>setInteractionStyle(style)</code></strong></p>
<ul>
<li><strong>描述</strong>：设置交互样式，以定义旋转操作的行为。</li>
<li>
<p><strong>用法</strong>：</p>
<p><code>rotateManipulator.setInteractionStyle(style);</code></p>
</li>
</ul>
</li>
</ol>
<h3>示例代码</h3>
<p>下面是一个简单的使用 <code>vtkMouseCameraTrackballRotateManipulator</code> 的示例：</p>
<pre><code class="language-javascript">import vtk from '@kitware/vtk.js';
import vtkRenderer from '@kitware/vtk.js/Rendering/Core/Renderer';
import vtkRenderWindow from '@kitware/vtk.js/Rendering/Core/RenderWindow';
import vtkRenderWindowInteractor from '@kitware/vtk.js/Rendering/Core/RenderWindowInteractor';
import vtkMouseCameraTrackballRotateManipulator from '@kitware/vtk.js/Interactions/Manipulators/MouseCameraTrackballRotateManipulator';
// 创建渲染器和渲染窗口
const renderer = vtkRenderer.newInstance();
const renderWindow = vtkRenderWindow.newInstance();
renderWindow.addRenderer(renderer);
// 创建交互器并将其与渲染窗口关联
const interactor = vtkRenderWindowInteractor.newInstance();
const rotateManipulator = vtkMouseCameraTrackballRotateManipulator.newInstance();
interactor.setRenderWindow(renderWindow);
interactor.setManipulator(rotateManipulator);
// 启动交互
interactor.initialize();
interactor.start();
</code></pre>
<p>总结</p>
<p>vtkMouseCameraTrackballRotateManipulator 提供了一种流畅的方式来控制相机旋转，使用户能够通过简单的鼠标操作旋转视角，查看 3D 模型的不同部分。这种操控器适合用于各种 3D 视图应用程序，提升了用户的交互体验。</p>