有没有办法在VTKJS中改变默认的游标样式？

Question

我正在做一个项目，其中我使用VTKJS创建了不同类型的工具(例如:平移、缩放、旋转)。每次我选择这些工具中的任何一个时，特定的功能都会被激活(例如:当我选择缩放时，我可以放大和缩小图像).Now问题是，如果我选择这些工具中的任何一个，应用的光标的默认样式是cursor: pointer，并且我想要为每个工具项更改不同的光标样式。在VTKJS中有什么方法可以改变这个默认行为吗？例如:对于缩放，我需要放大，对于平移，我需要指针，对于旋转它的默认值(箭头)。

现在，我已经在创建了事件侦听器的每个工具项上进行了尝试

 zoomButton.setAttribute("style", "cursor:zoom-in !important");

它工作得很好，而且它可以改变光标图标。但是，每当我尝试放大或缩小时，光标都会恢复为cursor:pointer。那么他们的蚂蚁方式是我们可以处理的吗？

Answer 1

您应该能够通过交互器来设置光标，或者通过setCursor()方法来设置renderWindow对象。例如：

import vtkGenericRenderWindow from 'vtk.js/Sources/Rendering/Misc/GenericRenderWindow';

const genericRenderWindow = vtkGenericRenderWindow.newInstance();
const renderWindow = genericRenderWindow.getRenderWindow();

renderWindow.setCursor('zoom-in');

Answer 2

在小部件的behaviour.js文件中，您可以添加model.interactor.getView().setCursor('wait');，这会根据您的喜好更改光标。

publicAPI.handleButtonRelease = (e) => {
    model.interactor.getView().setCursor('wait');
}