更改查看器中的光标图标

Question

当我在查看器中激活我的工具时，我希望更改查看器中的光标。我已经尝试更新查看器画布的光标CSS值，但它似乎被覆盖到默认查看器。

Answer 1

你应该展示你尝试过的东西。

如果你添加这个css：

.adsk-viewing-viewer > .canvas-wrap > canvas {
  cursor: pointer !important;
}

只需将'cursor：pointer'替换为您想要的光标类型即可。请务必添加!important值，否则它将不会覆盖默认光标。

在文档准备好之后生成画布，因此如果要使用JS覆盖光标样式，则需要等待相应的事件。

编辑：

我注意到你说你是从一个工具激活它，所以用js设置这样的光标：

const viewerCanvas = document.getElementsByTagName('canvas')[0] //may need to ensure [0] is the viewer canvas if multiple canvas's

viewerCanvas.setAttribute('style', 'cursor: pointer !important');

您只需要确定您同时处理工具激活和工具停用的切换事件。

Answer 2

试试这个来设置光标样式：

viewer.canvas.style.cursor = "pointer" | "progress" ...

并且要注意，当导航工具被激活时会再次被覆盖，以便始终坚持光标，然后按照另一个答案，使用!important规则覆盖样式表中的类名。